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 ​

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

Modifikatorer ​

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

Pseudo-elementer ​

Pseudo-elementBeskrivelse
::beforeSelve glyfen: en 1em-boks maskeret fra --pantoken-glyph og udfyldt med currentColor.

Forbrugte tokens ​

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