to-css-custom-properties
This parser helps you transform design tokens into CSS Custom Properties.
Interface
Options
Parameter | Required | Type | Default | Description |
---|---|---|---|---|
| optional |
| The pattern used to generate the CSS selector name(s). It must match mustache template syntax.
You can use | |
| optional |
| The pattern used to generate token names. It must match mustache template syntax.
You can use | |
| optional |
|
| When set to |
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.
Head towards our templates section to see how you can use this parser with others to suit a common use case when working with CSS.
Last updated