I've always thought the utility of Tailwind was promising, but it bugged me that the way it worked was so counter to both best practices and the web stack's architecture. Well, introducing Open Props, a Tailwind-like set of importable design tokens that works entirely within CSS, using native functionality, and maintaining best practices 👏

I'm particularly impressed with the custom media queries. They only work with an additional plugin (I'm assuming a polyfill) for now, but they really highlight just how useful that spec will be once it's available. I'm particularly excited by the @media (--safariOnly) {...} syntax 😮