Sass @use and @forward: A Collision-Free Token API
Use Sass modules to namespace design tokens, expose a small public API with @forward, and configure themes without editing token source.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Use Sass modules to namespace design tokens, expose a small public API with @forward, and configure themes without editing token source.
Bulma's Sass variable system uses !default flags and derived tokens to produce a single themed CSS artifact at build time. Override order matters, breakpoint names are public API, and contrast inversions need manual verification.
Treat Ant Design theming as a product requirement with one source of truth. Learn the smallest suitable ConfigProvider design, trust boundaries, operational checks, and failure modes.
Use a Sketch Library as the in-app source of truth and code tokens as the parity source for front-end design systems.
Stop duplicating CSS properties across component variants. Learn how Stylus indented syntax, design tokens, and mixins centralize style logic to prevent drift and simplify maintenance.
Figma’s Auto Layout lets you build responsive components, but deep nesting and mixed sizing can hurt performance. This post explains how the constraint solver works, shows a practical nesting example, and offers trade‑offs and best practices to keep files snappy.
Use Chakra UI extendTheme for global design tokens, and component style props for one-off styling. Includes a comparison table and validation steps.
Learn how CSS custom properties let you change colors, spacing, and other design tokens at runtime—no stylesheet swap or page reload required.
Change Ant Design colors and dark mode without rebuilding CSS by using v5 design tokens and ConfigProvider.