@terrazzo/plugin-sass
Version:
Generate scss/sass from your design tokens schema (requires @terrazzo/cli)
11 lines • 1.3 kB
TypeScript
import type { CSSPluginOptions } from '@terrazzo/plugin-css';
export interface SassPluginOptions {
/** Where to output CSS */
filename?: CSSPluginOptions['filename'];
/** Glob patterns to exclude tokens from output */
exclude?: CSSPluginOptions['exclude'];
}
export declare const FILE_HEADER = "////\n/// Autogenerated by \u26CB Terrazzo. DO NOT EDIT!\n////\n\n@use \"sass:list\";\n@use \"sass:map\";";
export declare const MIXIN_TOKEN = "@function token($tokenName) {\n @if map.has-key($__token-values, $tokenName) == false {\n @error 'No token named \"#{$tokenName}\"';\n }\n $_token: map.get($__token-values, $tokenName);\n @if map.has-key($_token, \"__tz-error\") {\n @error map.get($_token, \"__tz-error\");\n }\n @return map.get($_token);\n}";
export declare const MIXIN_TYPOGRAPHY = "@mixin typography($tokenName, $modeName: \".\") {\n @if map.has-key($__token-typography-mixins, $tokenName) == false {\n @error 'No typography mixin named \"#{$tokenName}\"';\n }\n $_mixin: map.get($__token-typography-mixins, $tokenName);\n $_properties: map.get($_mixin, \".\");\n @if map.has-key($_mixin) {\n $_properties: map.get($_mixin);\n }\n @each $_property, $_value in $_properties {\n #{$_property}: #{$_value};\n }\n}";
//# sourceMappingURL=lib.d.ts.map