to-css-custom-properties
This parser helps you transform design tokens into CSS Custom Properties.
Interface
Options
selectorTemplate
optional
string
tokenNameTemplate
optional
string
includeCoreTokensInScopes
optional
boolean
false
When set to true
, you will have both core tokens and alias tokens in each CSS scopes thus making alias tokens always resolvable.
Basic usage
A design token can have modes, be nested in groups and be part of a collection. The following use case will generate a single CSS file containing core tokens and semantic tokens.
Last updated
Was this helpful?