Design Systems + Horizontal @layer

My post Thinking Horizontally in CSS @layer got Stuart Robson thinking about how to pull it off at a bigger scale. Stu is right that our components are essentially hand-written, whereas with a more enterprise-scale design system, design tokens are more likely to come from a build pipeline.

That got Dave Rupert thinking about how to get variables overriding the component defaults easily, this time without @layer. The demo shows how a :defined selector can help target components without having to name them.