Setting the file. One moment.
Subchapter 2.3
assets/showcase/preview-states.css
CSS14 lines425 B
/* Add to the app's global CSS after the dark variant. */
/* Lets the design system page pin interaction states with data-preview="hover focus active". */
@custom-variant hover {
@media (hover: hover) {
&:hover {
@slot;
}
}
&[data-preview~="hover"] {
@slot;
}
}
@custom-variant focus-visible (&:focus-visible, &[data-preview~="focus"]);
@custom-variant active (&:active, &[data-preview~="active"]);