I spent years trying to make CSS states predictable

11 hours ago

CSS states often conflict due to specificity and source order, making component styling unpredictable.
The author developed Tasty, a tool that compiles state maps into mutually exclusive selectors to eliminate ambiguity.
Tasty handles complex interactions like pseudo-classes, attributes, media queries, and container queries declaratively.
The tool aims to make component styling predictable and easier to extend in large design systems.
Tasty has been tested in production with Cube UI Kit, spanning over 100 components.

Hasty Briefsbeta