Shallot Tokens

修改Mozilla的Protocol, 用于火葱设计系统。

JavaScript · JSON · CSS · SCSS

信息

包名	@llango/tokens
描述	修改Mozilla的Protocol, 用于火葱设计系统
版本	1.0.3

该设计tokens包可以使用 npm 安装。(sha-tokens) npm.

使用 npm:

npm install sha-tokens --save

使用 yarn:

yarn add sha-tokens

在JavaScript中，tokens设计采用lower camelCase格式化。

const tokens = require('sha-tokens/dist/index');
console.log(tokens.colorBlueLighter); // rgb(0, 0, 0)

In JSON, tokens设计采用 kebab-case格式化。

const tokens = require('sha-tokens/dist/index.json');
console.log(tokens['color-black']); // rgb(0, 0, 0)

Sass 变量和匹配键采用 kebab-case格式化。

// Using variables
@import 'sha-tokens/tokens/dist/index';

a {
  color: $color-black;
}

自定义属性采用 kebab-case格式化。

// Omit .css at the end of the file
@import 'sha-tokens/dist/colors/colors.custom-properties';

a {
  color: var(--color-black);
}

要发布到npmjs注册表，你需要访问npmjs.com上的rontomai。首先运行gulp在本地编译包。你可以查看本地的dist文件夹，以验证它具有最新的token。然后运行npm publish 进行发布。

欢迎贡献。