@kelvininc/ui-components
Version:
Kelvin UI Components
35 lines (34 loc) • 706 B
CSS
/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** CODE/CONSOLE **/
@property --rotation {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes rotate-border {
to {
--rotation: 360deg;
}
}
:host {
display: block;
}
.absolute-time-content {
background-color: var(--kv-neutral-7, #2a2a2a);
border: 1px solid var(--kv-neutral-6, #3f3f3f);
border-radius: 4px;
width: max-content;
}
.absolute-time-content .footer {
display: flex;
justify-content: flex-end;
padding: var(--kv-spacing-4x, 16px);
border-top: 1px solid var(--kv-neutral-6, #3f3f3f);
}
.absolute-time-content .footer .actions {
display: flex;
gap: var(--kv-spacing-2x, 8px);
}