二重奏图标

这个软件包包括Dutit图标和相关工具.

使用量

关于使用说明,请参见 Dutit 设计系统 文档。 。 。 .

建筑

这个套件使用sass-lint,svglint,jsonlint来涂入.

文件 scripts/prepublish.js 用于构建用于出版的软件包.

在建构时,每个图标下方 assets 目录被转换为单个的C通JS模块. 每个模块都输出一个匹配以下类型的对象:

type DuetIcon = {
  tags: string // space-separated list of tags
  title: string
  svg: string
}

类型 DuetIconName 显示所有图标名称的 :

type DuetIconName = "action-add" | "action-add-small" // etc

这个 main 包的文件导出一个包含所有图标的单一对象,该对象符合以下类型:

type DuetIcons = Record<DuetIconName, DuetIcon>

添加新图标

1. 在后面命名新的 SVG 图标 Dutit 的图标命名准则 把它们放进去 src/assets 目录.
2. 如果 SVG 图标没有优化, 必须在命令行中或命令行中使用 SVGO 进行 sVGO的网络版本在网络上使用默认设置.
3. 下一个,运行 npm run tags 帮助您为任何新的图标添加标记.
4. 终于跑 npm run build 生成新建筑.

版权

版权所有:"2020" Local Tapiola/Turva.