openpencil/tests/e2e/dom-css
Danila Poyarkov 01e58a3ad0
feat: write variables as a CSS token stylesheet (#856)
* feat: write variables as a CSS token stylesheet

Copy a collection as CSS custom properties or a Tailwind v4 theme from the variables dialog, print it with openpencil tokens, and rebuild design_to_tokens on the same generator. Default modes go in :root or @theme, other modes override under their condition, and aliases are declared again in each mode scope so they follow it.

* fix: give modes that slug alike their own selector and variant

Two modes in one collection whose names reduce to the same slug, such as Dark and dark!, shared one default selector and Tailwind variant, so the later mode silently overrode the earlier one. Slugs are now numbered in mode order, as variable names already are.
2026-10-04 18:15:52 +00:00
..
browser-runtime-media.spec.ts feat(dom-css): map image aspect styles 2026-06-30 10:51:37 +03:00
browser-runtime.spec.ts feat(dom-css): map dashed border styles 2026-06-30 10:51:05 +03:00
tokens.spec.ts feat: write variables as a CSS token stylesheet (#856) 2026-10-04 18:15:52 +00:00