Briven/packages/studio/config/css/variants.css

/*
 * Custom Tailwind v4 variants migrated from:
 *  - packages/config/ui.config.js addVariant calls
 *  - packages/config/tailwind.config.js addVariant + darkMode setting
 */

/*
 * `darkMode: ['class', '[data-theme*="dark"]']` from the v3 config is replaced
 * by this @custom-variant. The :where() wrapper keeps specificity at 0 so
 * the dark utilities don't override unrelated rules.
 */
@custom-variant dark (&:where([data-theme*='dark'] *, [data-theme*='dark']));

@custom-variant data-open-parent ([data-state='open'] &);
@custom-variant data-closed-parent ([data-state='closed'] &);
@custom-variant data-open (&[data-state='open']);
@custom-variant data-closed (&[data-state='closed']);

/* may be unused — verify before pruning */
@custom-variant data-show (&[data-state='show']);
/* may be unused — verify before pruning */
@custom-variant data-hide (&[data-state='hide']);

@custom-variant data-checked (&[data-state='checked']);
/* may be unused — verify before pruning */
@custom-variant data-unchecked (&[data-state='unchecked']);

@custom-variant aria-expanded (&[aria-expanded='true']);

@custom-variant not-disabled (&:not(:disabled));