CSS: icon

.instui-icon — Ikonsystemet: .instui-icon-størrelser plus den delte -icon-<name>-maler, der masker en glyf (i currentColor) før ethvert element.

Source: icon.css

Tilgængelighed

Glyfen er dekorativ, så marker den som aria-hidden="true"; giv den en role eller en etiket kun, når ikonet i sig selv formidler betydning.

Brug

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

Eksempler

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

Modifikatorer

Modifikator	Beskrivelse
.-icon-*	Angiv glyf-tokenet (--pantoken-glyph) og rendér det via den delte maler (for eksempel -icon-search).

Pseudo-elementer

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

Forbrugte tokens

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