福玛 36个托肯
Forma 36的设计代号为:JSON,CSS,和SCSS.
这些纪念物是我们设计系统和动力的关键 f36-components。 。 。 .
图书馆使用情况
将软件包安装到您的工程
yarn add @contentful/f36-tokens
或国家防范机制
npm i @contentful/f36-tokens
导入到您的工程
联合来文
import F36Tokens from '@contentful/f36-tokens';
支助科
@import '@contentful/f36-tokens/dist/css/index.css';
贾森
import tokens from '@contentful/f36-tokens/dist/json/transitions/transition-easings.json';
发展
用于地方发展 pnpm install 从此 repo 的根来安装所有依赖和运行 pnpm build 从此 repo 根来构建所有软件包.
所有标志都保存在 src/tokens 目录和这样编排:
.
├── border-radius
│ ├── border-radius.js
├── box-shadows
│ ├── box-shadows.js
│ └── glows.js
├── colors
│ ├── colors-blue.js
│ ├── colors-contrast.js
│ ├── colors-coral.js
│ ├── colors-elements.js
│ ├── colors-green.js
│ ├── colors-ice.js
│ ├── colors-mint.js
│ ├── colors-orange.js
│ ├── colors-peach.js
│ ├── colors-red.js
│ ├── colors-semantic.js
│ ├── colors-text.js
│ └── colors-white.js
├── spacing.js
├── transitions
│ ├── transition-durations.js
│ └── transition-easings.js
├── typography
│ ├── font-base.js
│ ├── font-size.js
│ ├── font-stack.js
│ ├── font-weight.js
│ ├── letter-spacing.js
│ └── line-height.js
└── typography.js
创建建筑
pnpm build
运行构建脚本将包含 dist 包含单独构建的JSON,CSS以及带有TS打字的JS文件.
这个脚本充满了带有所有符号的Dist文件夹,如JSON,CSS和JS. 对于 CSS 架构,为了方便导入,包含一个索引文件.