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 ​

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

Modifikatorar ​

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

Pseudo-element ​

Pseudo-elementSkildring
::beforeSjølve symbolet: ei 1em-boks maskert frå --pantoken-glyph og fylt med currentColor.

Token brukt ​

TokenTypeVerdi
--pantoken-glyph<url>url("data:image/svg+xml