CSS: icon ​

.instui-icon — Ikonasysteama: .instui-icon sizeheapmi ja ovddabeaivvi -icon-<name> mállára mii maskerevva glyph (in currentColor) gos leatjuvvon elementta fas.

Source: icon.css

Guhkkinjohka ​

Glyphs leat dekoratiivva, dáhttu markerehit sihke aria-hidden="true"; givssá dan role dahje dáiddarávnnji gon ikona hálddejuvvá sáhttá šaddat eanet meaning.

Buktáhašvuohta ​

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

Exempla ​

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

Modifisuvnnat ​

ModifisererDeskripción
.-icon-*Sette glyph-token (--pantoken-glyph) ja rendererda it dihtii jođiheaddji mállára (modeldi -icon-search geavahat).

Pseudo-elementtat ​

Pseudo-elementDeskripción
::beforeGlyph itse: 1em boks maskerejahkki --pantoken-glyph:st ja fillerejahkki currentColor.

Tokenat gaskkalit ​

TokenTypeVaššun
--pantoken-glyph<url>url("data:image/svg+xml