CSS: icon

.instui-icon — Ikonsystemet: .instui-icon-størrelser pluss den delte -icon-<name>-maleren som masker en glyf (i currentColor) før ethvert element.

Source: icon.css

Tilgjengelighet

Glyfen er dekorativ, så merk den aria-hidden="true"; gi den en role eller etikett bare når ikonet formidler mening alene.

Bruk

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

Eksempler

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

Modifikatorer

Modifikator	Beskrivelse
.-icon-*	Sett glyf-tokenet (--pantoken-glyph) og gjengi det via den delte maleren (for eksempel -icon-search).

Pseudo-elementer

Pseudo-element	Beskrivelse
::before	Selve glyfen: en 1em-boks maskert fra --pantoken-glyph og fylt med currentColor.

Forbrukte tokens

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