CSS: icon

.instui-icon — Ikonsystemet: .instui-icon-storleik pluss den delte -icon-<name>-målaren som maskerer eit symbol (i currentColor) før noko element.

Source: icon.css

Tilgjenge

Symbolet er dekorativt, så merk det aria-hidden="true"; gje det ein role eller ei etikett berre når ikonet sjølv formidlar meining.

Bruk

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

Døme

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

Modifikatorar

Modifikator	Skildring
.-icon-*	Set symbol-tokenet (--pantoken-glyph) og rendér det via den delte målaren (til dømes -icon-search).

Pseudo-element

Pseudo-element	Skildring
::before	Sjølve symbolet: ei 1em-boks maskert frå --pantoken-glyph og fylt med currentColor.

Token brukt

Token	Type	Verdi
--pantoken-glyph	<url>	url("data:image/svg+xml