Bringing the power of CSS-in-JS to uh… CSS ✨ • Tweets by @n_moore
Joined January 2022
- Tweets25
- Following7
- Followers748
- Likes19
Our official @Code extension unlocks the full power of Design Tokens in your CSS. It already works in @astrodotbuild files, too! 🎉
marketplace.visualstudio.com…
Token CSS is a new tool to seamlessly integrate Design Tokens into your dev workflow ✨
😍 Author `.css` + `<style>` blocks
💄 Powered by custom properties
⚙️ Config uses @DesignTokens format
🚀 Built-in, modern presets
🧑🚀 @astrodotbuild support
tokencss.com
ALT main.css file containing the following code: .container { padding: md; /* var(--size-md) */ margin: lg auto; /* var(--size-lg) auto */ max-width: 8xl; /* var(--size-8xl) */ } .box { background: primary; /* var(--color-primary) */ width: full; /* var(--size-full) */ height: 3xl; /* var(--size-3xl) */ border-radius: md; /* var(--radius-md) */ }