Files
v10/examples/react-demo/src/globals.css
T
2025-09-22 23:39:30 +10:00

22 lines
701 B
CSS

@import 'tailwindcss';
/* TODO: Documentation for how this will work in the wild. */
@source "../../../packages/react";
@theme {
--font-sans:
InterVariable, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
'Noto Color Emoji';
}
:root {
font-feature-settings: 'cv01', 'ss01', 'ss03';
}
/* Make hocus (hover + focus-visible) variants */
@custom-variant hocus (&:is(:hover, :focus-visible));
@custom-variant group-hocus (&:is(:hover, :focus-visible) &);
@custom-variant peer-hocus (&:is(:hover, :focus-visible) ~ &);
/* Make reduced-transparency variant */
@custom-variant reduced-transparency @media (prefers-reduced-transparency: reduce);