Managing Design Tokens with Sass Mixins and Functions
Learn how to replace static CSS variables with a scalable design token system using Sass maps, functions, and mixins to reduce redundancy and simplify theme management.
Loading…
ReadMeFeed / Community knowledge
#design-tokens
Real questions. Useful conversations. Find the people who know your stack.
ConfigProvider nested override limits for global theme tokens
Theme Token Inheritance in Nested ConfigProviders Ant Design 5 utilizes a CSS-in-JS approach where the ConfigProvider manages design tokens. While the documentation specifies that nested ConfigProvider instances can override global settings, the behavior regarding specific token merging remains unclear when dealing with complex theme objects. The goal is to
antdesignSeed Token Cascade Limits in Alias Overrides
Ant Design 5 introduces a Design Token architecture comprising Seed, Map, and Alias tokens, injected primarily through the ConfigProvider component to enable runtime theme switching without page reloads. This hierarchy allows global visual changes via Seed token modification, with derived colors for component states such as hover and active automatically cal