96 lines
1.6 KiB
CSS
96 lines
1.6 KiB
CSS
@theme inline {
|
|
@keyframes accordion-down {
|
|
from {
|
|
height: 0;
|
|
}
|
|
to {
|
|
height: var(
|
|
--radix-accordion-content-height,
|
|
var(--accordion-panel-height, auto)
|
|
);
|
|
}
|
|
}
|
|
|
|
@keyframes accordion-up {
|
|
from {
|
|
height: var(
|
|
--radix-accordion-content-height,
|
|
var(--accordion-panel-height, auto)
|
|
);
|
|
}
|
|
to {
|
|
height: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* Custom variants */
|
|
@custom-variant data-open {
|
|
&:where([data-state="open"]),
|
|
&:where([data-open]:not([data-open="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-closed {
|
|
&:where([data-state="closed"]),
|
|
&:where([data-closed]:not([data-closed="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-checked {
|
|
&:where([data-state="checked"]),
|
|
&:where([data-checked]:not([data-checked="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-unchecked {
|
|
&:where([data-state="unchecked"]),
|
|
&:where([data-unchecked]:not([data-unchecked="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-selected {
|
|
&:where([data-selected="true"]) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-disabled {
|
|
&:where([data-disabled="true"]),
|
|
&:where([data-disabled]:not([data-disabled="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-active {
|
|
&:where([data-state="active"]),
|
|
&:where([data-active]:not([data-active="false"])) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-horizontal {
|
|
&:where([data-orientation="horizontal"]) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@custom-variant data-vertical {
|
|
&:where([data-orientation="vertical"]) {
|
|
@slot;
|
|
}
|
|
}
|
|
|
|
@utility no-scrollbar {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
|
|
&::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
}
|