variants.css30 lines · main

1	/*
2	* Custom Tailwind v4 variants migrated from:
3	* - packages/config/ui.config.js addVariant calls
4	* - packages/config/tailwind.config.js addVariant + darkMode setting
5	*/
6
7	/*
8	* `darkMode: ['class', '[data-theme*="dark"]']` from the v3 config is replaced
9	* by this @custom-variant. The :where() wrapper keeps specificity at 0 so
10	* the dark utilities don't override unrelated rules.
11	*/
12	@custom-variant dark (&:where([data-theme*='dark'] *, [data-theme*='dark']));
13
14	@custom-variant data-open-parent ([data-state='open'] &);
15	@custom-variant data-closed-parent ([data-state='closed'] &);
16	@custom-variant data-open (&[data-state='open']);
17	@custom-variant data-closed (&[data-state='closed']);
18
19	/* may be unused — verify before pruning */
20	@custom-variant data-show (&[data-state='show']);
21	/* may be unused — verify before pruning */
22	@custom-variant data-hide (&[data-state='hide']);
23
24	@custom-variant data-checked (&[data-state='checked']);
25	/* may be unused — verify before pruning */
26	@custom-variant data-unchecked (&[data-state='unchecked']);
27
28	@custom-variant aria-expanded (&[aria-expanded='true']);
29
30	@custom-variant not-disabled (&:not(:disabled));