@kelvininc/ui-components
Version:
Kelvin UI Components
37 lines (35 loc) • 696 B
CSS
/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** CODE/CONSOLE **/
@property --rotation {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes rotate-border {
to {
--rotation: 360deg;
}
}
.time-range-input-container {
display: flex;
border-radius: 4px;
width: 100%;
align-items: flex-end;
}
.time-range-input-container kv-date-time-input {
width: 50%;
}
.single-input-container {
border-radius: 4px;
}
.calendar-container {
display: flex;
gap: var(--kv-spacing-5x, 20px);
border-radius: 4px;
border: 1px solid var(--kv-neutral-6, #3f3f3f);
background: var(--kv-neutral-7, #2a2a2a);
padding: var(--kv-spacing-5x, 20px);
}