CSS: icon ​

.instui-icon — sistem ikon: .instui-icon velikosti in skupni -icon-<name> risalnik, ki zamaska glifo (v currentColor) pred katerimkoli elementom.

Source: icon.css

Dostopnost ​

Glifa je dekorativna, zato jo označite z aria-hidden="true"; dodelite ji role ali oznako samo, kadar ikona sama po sebi prenaša pomen.

Uporaba ​

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

Primeri ​

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

Spremenljivke (modifikatorji) ​

ModifikatorOpis
.-icon-*Nastavite token glife (--pantoken-glyph) in ga upodobite prek skupnega risalnika (na primer -icon-search).

Psevdo-elementi ​

Psevdo-elementOpis
::beforeSama glifa: 1em okvir, zamaskiran iz --pantoken-glyph in napolnjen z currentColor.

Porabljeni žetoni ​

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