banira tokens-css

Compile a W3C Design Tokens (DTCG) tokens.json into :root CSS custom properties, resolving {alias} references.

Usage

$ banira tokens-css <tokens.json> [options]

Arguments

ArgumentDescription
<tokens.json>DTCG design tokens document.

Options

OptionDescription
-o, --output <path>Write the stylesheet to a file instead of stdout.
--selector <selector>CSS selector for the custom properties. (default: :root)

Examples

tokens.json → CSS
$ banira tokens-css design.tokens.json -o tokens.css

Notes

Groups become dashed name segments (color.primary--color-primary), $type is inherited from parent groups, and {alias} references are resolved — so vanilla components can use a standards-based token pipeline with no design-system runtime.