CSS: icon ​

.instui-icon — 图标系统：.instui-icon 尺寸，以及共享的 -icon-<name> 绘制器，该绘制器在任何元素之前对字形（位于 currentColor 中）进行遮罩。

Source: icon.css

无障碍 ​

该字形为装饰性，因此将其标记为 aria-hidden="true"；仅当图标本身传达含义时，才为其提供 role 或标签。

用法 ​

css
@import "@pantoken/components/components.css";

示例 ​

html
<span class="instui-icon -icon-megaphone" aria-hidden="true"></span>

修饰符 ​

修饰符描述
.-icon-*设置字形令牌（--pantoken-glyph），并通过共享的绘制器渲染它（例如 -icon-search）。

伪元素 ​

伪元素描述
::before字形本身：一个 1em 的方框，从 --pantoken-glyph 遮罩并由 currentColor 填充。

消耗代币 ​

Token类型值
--pantoken-glyph<url>url("data:image/svg+xml