CSS: icon

.instui-icon — 圖示系統：.instui-icon 的尺寸設定，加上共用的 -icon-<name> 繪製器，會在任何元素之前於 currentColor 中遮罩字形。

Source: icon.css

無障礙

該字形為裝飾性，故標記為 aria-hidden="true"；僅當圖示本身傳達意義時，才為其提供 role 或標籤。

使用方法

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

修飾器

修飾器	說明
.-icon-*	設定字形代幣（--pantoken-glyph），並透過共用繪製器呈現（例如 -icon-search）。

偽元素

偽元素	說明
::before	字形本身：一個 1em 的方框，從 --pantoken-glyph 中遮罩出來，並以 currentColor 填充。

已使用的代幣

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