@kelvininc/ui-components
Version:
Kelvin UI Components
66 lines (65 loc) • 1.53 kB
CSS
/** HEADINGS **/
/** LABELS **/
/** SPANS **/
/** PARAGRAPHS **/
/** TODO: CODE/CONSOLE **/
@property --rotation {
syntax: "<angle>";
initial-value: 0deg;
inherits: false;
}
@keyframes rotate-border {
to {
--rotation: 360deg;
}
}
/**
* Design Tokens - Auto-generated by Style Dictionary
* Do not edit manually - run `pnpm tokens:build` to regenerate
*/
kv-dropdown-base:not(.hydrated) > [slot=list] {
display: none;
}
:host {
/**
* @prop --virtualized-list-max-height: Virtualized list maximum height.
* @prop --virtualized-list-min-height: Virtualized list minimum height.
* @prop --virtualized-list-padding: Virtualized list padding.
*/
--virtualized-list-max-height: auto;
--virtualized-list-min-height: auto;
--virtualized-list-padding: var(--spacing-xl) 0;
display: block;
height: 100%;
width: 100%;
}
:host .container {
max-height: var(--virtualized-list-max-height);
min-height: var(--virtualized-list-min-height);
padding: var(--virtualized-list-padding);
height: 100%;
width: 100%;
display: block;
overflow-y: auto;
}
:host .container::-webkit-scrollbar {
width: 15px;
height: 15px;
}
:host .container::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--scrollbar-thumb-default);
border: 4px solid transparent;
background-clip: content-box;
}
:host .container::-webkit-scrollbar-corner {
background-color: transparent;
}
:host .inner {
position: relative;
display: block;
width: 100%;
}
:host .item {
position: absolute;
}