to-css-text-style
This parser helps you generate text styles as CSS classes.
Interface
interface parser {
name: 'to-css-text-style';
output: {
type: 'file';
filePath: string;
};
options?: {
tokenNameTemplate?: string;
exclude?: Array<
| 'fontFamily'
| 'fontWeight'
| 'fontSize'
| 'color'
| 'fontFeatures'
| 'lineHeight'
| 'letterSpacing'
| 'paragraphSpacing'
| 'textAlignHorizontal'
| 'textAlignVertical'
| 'textDecoration'
| 'textIndent'
| 'textTransform'
>;
include?: Array<
| 'fontFamily'
| 'fontWeight'
| 'fontSize'
| 'color'
| 'fontFeatures'
| 'lineHeight'
| 'letterSpacing'
| 'paragraphSpacing'
| 'textAlignHorizontal'
| 'textAlignVertical'
| 'textDecoration'
| 'textIndent'
| 'textTransform'
>;
genericFamily?: string;
};
}Options
Parameter
Required
Type
Default
Description
tokenNameTemplate
false
string
{{path}}-{{token}}-{{mode}}
The template the parser follows to name your tokens.
You can use the path of your tokens, their token name, and their respective mode.
exclude
false
Array<string>
List of properties to exclude in the CSS class
include
false
Array<string>
List of properties to include in the CSS class
genericFamily
false
string
The generic font family will be applied after the main font family
Basic usage
Last updated
Was this helpful?