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