@capra/dx-tokens-postcss-plugin
v0.4.0
Published
PostCSS plugin to handle Capra design tokens in CSS files
Readme
@capra/dx-tokens-postcss-plugin
Overview
@capra/dx-tokens-postcss-plugin publishes a PostCSS plugin that rewrites token('...') calls into Capra CSS variable references.
Documentation
Human-readable documentation is available at https://capra.cribl.io.
LLM-readable documentation is available at https://capra.cribl.io/llms.txt.
Install
pnpm add @capra/dx-tokens-postcss-plugin postcssUsage
import postcss from 'postcss';
import { capraTokenPostcssPlugin } from '@capra/dx-tokens-postcss-plugin';
import { allTokens } from '@capra/dx-tokens/tokens-minimal.ts';
await postcss([capraTokenPostcssPlugin({ tokens: allTokens })]).process('.card { padding: token("spacing.md"); }', {
from: undefined,
});Peer dependencies
@capra/dx-tokens-postcss-plugin expects postcss as a peer dependency.
License
This package is proprietary software. See LICENSE.txt.
