光谱工作流程图标
构建并发布频谱- cs 工作流程 svg 图标和 svg 示意图工作表 光谱 CSS。 。 。 .
设置
yarn install
要构建和预览图标
运行 yarn build 将生成准备在 dist/。 。 。 .
运行 yarn serve 可以看到所有工作流程图标的小型网站.
更新图标
图标可从内部寄存器中获取,只提供给Adobe员工. 若您是雇员,请遵循以下步骤:
npm login --scope a4u以内部仓库认证yarn add -D @a4u/a4u-s2-icon-global-set-open-source-processed以安装内部仓库的最新版本- 不执行 更新
package.json与新版本的@a4u/a4u-s2-icon-global-set-open-source-processed以阻止非Adobe员工安装和使用存储器.
一旦你的环境准备好了,你可以跑 yarn build 用于重建 icons/ 文件夹。 期望看到承诺内容在 icons/ 文件夹.
要预览您的更新, 请运行 yarn serve。 。 。 .
CSS 自定义属性
图标包括: CSS 自定义属性 作为填充属性.
示例
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
<path d="m16.87598,4.84082h-.00098l-5.74902-3.31934c-.69629-.40234-1.55859-.40137-2.25098,0l-5.75098,3.31934c-.69336.40137-1.12402,1.14844-1.12402,1.94922v6.63965c0,.80176.43164,1.54785,1.125,1.94824l5.74902,3.32031c.34766.20117.7373.30078,1.12598.30078.38965,0,.77832-.09961,1.125-.30078l5.75-3.32031c.69336-.40039,1.125-1.14648,1.125-1.94824v-6.63965c0-.80078-.43066-1.54785-1.12402-1.94922Zm-7.25-2.02051c.11523-.06738.24414-.10059.37402-.10059.12891,0,.25879.0332.375.10059l5.28516,3.05151-5.65942,3.12231-5.66431-3.12085,5.28955-3.05298ZM3.875,14.0791c-.23145-.13379-.375-.38281-.375-.64941v-6.30371l5.75,3.16797v6.88892l-5.375-3.10376Zm12.25,0l-5.375,3.10327v-6.8894l5.75-3.17236v6.30908c0,.2666-.14355.51562-.375.64941Z" fill="var(--iconPrimary, #222)"/>
</svg>
以下是可用的属性列表 :
| 属性名称 | 倒数 | 其他背景 |
|---|---|---|
--iconPrimary | currentColor | 大部分工作流程图标 |
--iconRedPrimary | #d31510 (英语) | 用于: CloudStateErrorRed_22x20.svg |
--iconFill | #464646 (英语) | 仅快取 |
--iconFillMedium | #909090 (英语) | 仅快取 |
任务
现有任务如下:
| 命令 | 说明 | 实例 |
|---|---|---|
clean | 清除 Dist 目录中的所有输出文件 | yarn clean |
build | 删除并重建图标文件夹, 只能由可访问的 Adobe 员工运行 | yarn build |
site | 清理 dist 目录、 复制网站资产并准备网站预览的 dist 输出 | yarn site |
serve | 构建网站并打开预览网站的本地主机以查看工作流程图标 | yarn serve |
捐款
特别感谢大家 捐助者 没有他们,这个项目是不可能的.
想加入球队吗? 看看这个 提供指南 要开始.
许可证发放
这个项目根据Apache V2许可证获得许可. 见 自由主义 更多信息.