@kelvininc/ui-components
Version:
Kelvin UI Components
47 lines (45 loc) • 911 B
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 --portal-arrow-color: arrow color.
*/
--portal-arrow-color: var(--tooltip-background-default);
}
.portal-container {
visibility: hidden;
opacity: 0;
}
.portal-container--visible {
visibility: visible;
opacity: 1;
}
.portal-container--visible.portal-container--animated {
transition: opacity 0.3s linear;
}
.portal-container .portal-arrow {
position: absolute;
background: var(--portal-arrow-color);
width: 10px;
height: 10px;
}