1.0.4 • Published 2 years ago
sha-tokens v1.0.4
Shallot Tokens
修改Mozilla的Protocol, 用于火葱设计系统。
JavaScript · JSON · CSS · SCSS
信息
安装
该设计tokens包可以使用 npm 安装。(sha-tokens
) npm.
JavaScript 包安装
使用 npm:
npm install sha-tokens --save
使用 yarn:
yarn add sha-tokens
JavaScript
在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
Sass 变量和匹配键采用 kebab-case格式化。
// Using variables
@import 'sha-tokens/tokens/dist/index';
a {
color: $color-black;
}
Sass, 和 CSS 自定义属性
自定义属性采用 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
进行发布。
贡献
欢迎贡献。