卡尔西特基地
钙基寄存器持有 Calcite Web 中使用的变量和混音器. 这包括以下方面的资源:
- 运动(减少函数、转换)
- 类型(分层、大小、间距混合)
- 反应性设计(断点、响应-混合)
- 公用事业(清晰、显示/隐藏等)
- 阴影( 定义的深度水平)
- 间距(标准垂直/横向间距单位)
安装
如果您使用npm,安装就如同:
npm install @esri/calcite-base
你也可以这样 手动下载最新版本。 。 。 .
使用
在 Sass 项目中, 简单地将钙基导入到您的项目中, 并使用变量/ 混合 :
@import "./node_modules/@esri/calcite-base/dist/_index.scss";
.myClass {
@include font-size(-1);
}
如果您只需要某些混音符,您也可以直接导入每个段落:
@import "./node_modules/@esri/calcite-base/dist/_type.scss";
.myClass {
@include avenir-light();
@include font-size(-1);
@include leading(2);
@include tracking(166);
@include word-spacing(200);
}
自定义属性
如果您正在使用 PostCSS (或标准 CSS) , 则会使用一系列文件来声明变量 自定义属性 (CSS变量). 你可以用这些 与类似的东西 邮资 库,用于您邮递项目中的底色、样式等:
@import "./node_modules/@esri/calcite-base/dist/variables.css";
.myClass {
box-shadow: var(--shadow-1);
}
Java 脚本
如果您需要一些这些值并正在使用 CSS- in- JS 方法, 您可以使用 ES6 模块从 JavaScript 文件导入它们 :
import {avenirLight} from "@esri/calcite-base";
console.log(avenirLight); // '"Avenir Next", "Avenir", "Helvetica Neue", sans-serif'
当使用这种部分进口时,注意连字符变量成为骆驼案例.
许可证发放
2019年 埃斯里总统
美国版权法所保留的所有权利 和适用的国际法、条约和公约.
这些材料根据Esri主许可证获得使用许可证 协定受协定条款的约束. 您可以不经修改再分配和使用此代码, 如果你遵守《司法协助法》的规定,并包括这一点 版权公告.
见使用限制 http://www.esri.com/legal/pdfs/mla e204 e300/english (英语)
详情请联系: 环境系统研究所. Attn:合同和法律事务部 纽约街380号 美国加利福尼亚州红地 92373 美国
电子邮件 : 合同@esri.com
捐款
请读一下 输入文档。 。 。 .