@ 碳/放电
使用碳设计的数字和软件产品的布局助手 系统
开始
要安装 @carbon/layout 在您的工程中, 您需要运行以下
命令使用 无数字 :
npm install -S @carbon/layout
如果你喜欢 雅伦,使用以下命令 相反:
yarn add @carbon/layout
使用量
@carbon/layout 提供一些有用的公用事业,同时
iBM 设计语言网格系统的规格。 这个包
包括:
| 特性 | 说明 |
|---|---|
| 断点 | IBM设计网格的变量和设置,包括地沟和断点. 它还包括帮助解决断点问题 |
| 单位改划 | 转换工具 px 改为 rem 或者说 em。 。 。 . |
| 键高 | 在不同断点配合键高的助手 |
| 小型单位 | 在小型单位多个单位工作的助手 |
| 间距 | 为使用比例尺中的阶梯提供间隔尺度和帮助 |
要记住的一件事是 @carbon/layout 不负责
电网本身。 如果您想要使用网格执行,绝对
检查出来 @carbon/grid 软件包.
@carbon/layout 在 Sass 和 JavaScript 中提供上述特性。 若为
你用另一种语言寻求支持 自由提出一个问题
提议增加新内容!
修改符号值
标记值定义于
tokens/layout.tokens.json 使用
DTCG 符号格式这是
包件唯一的真相来源—— 不编辑生成的文件
直接。 。 。 .
下列文件是在构建时生成的,不应手动编辑:
js/generated/layout-tokens.js编号 :js/generated/layout-tokens.d.ts- 联合来文 出口scss/generated/— Sass 变量和地图, 每个符号组一个文件
要添加或更新一个令牌 :
- 编辑
tokens/layout.tokens.json - 运行
yarn build在此包中重新生成所有输出 - 运行
yarn test --testPathPatterns=packages/layout从 repo 根到 证实没有倒退
关于符号格式的详细指南以及如何添加新的符号类别,
见 tokens/README.md。 。 。 .
捐款
我们总是寻找贡献者 帮助我们修复错误, 建立新的特性, 或者帮助我们改进项目文件。 如果你有兴趣,肯定 看看我们 贡献指南!
许可证
凭 Apache 2.0 许可证。 。 。 .
IBM 遥测
本套件使用 IBM 遥测来收集去识别和匿名的度量衡 数据。 通过安装此包作为依赖, 您同意远程测量 藏书。 选择退出,看 选择退出IBM遥测数据收集。 。 。 . 有关所收集数据的更多信息,请参见: IBM 遥测文档。 。 。 .