suomifi design tokens:设计系统令牌 源码

Suomifi设计系统令牌 设计系统令牌存储库包含颜色,版式和间距定义,作为Suomi.fi品牌之后的令牌。该存储库使用语义版本控制( )。 :sparkles:特征 设计系统令牌提供SCSS和JavaScript格式。也可以输入TypeScript。 当前提供以下令牌类型: 颜色 版式 间距 :package:安装 yarn add suomifi-design-tokens :hammer:用法 SCSS 标记可作为命名的SCSS变量和带有$ fi-前缀的混合输入。令牌可以导入到scss文件中: @import ' ~suomifi-design-tokens/dist/tokens ' ; :artist_palette:颜色 颜色标记可用作带有附加颜色前缀的变量。颜色提供为hsl值。 来自tokens.scss的摘录: $fi-color-brand-base : hsl ( 214 , 100 % , 24 % ); 用例示例: .cus