search
Specify ↗︎Changelog ↗︎Guide ↗︎

to-scss-mixin-text-style

This parser helps you generate text styles as SCSS mixins.

hashtag
Interface

interface parser {
  name: 'to-scss-mixin-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;
  };
}

hashtag
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 SCSS mixins

include

false

Array<string>

List of properties to include in the SCSS mixins

genericFamily

false

string

The generic font family will be applied after the main font family

hashtag
Basic usage

Previousto-react-nativeNextto-scss-map

Last updated

Was this helpful?