CSS: icon ​

.instui-icon — táknakerfið: .instui-icon stærðir auk sameiginlega -icon-<name> málara sem maskar glýfu (í currentColor) áður en nokkur þáttur.

Source: icon.css

Aðgengi ​

Glýfan er skrautleg, svo merkið hana sem aria-hidden="true"; gefið henni role eða merkimiða aðeins þegar táknið miðlar merkingu sjálft.

Notkun ​

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

Dæmi ​

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

Breytingar ​

BreytiLýsing
.-icon-*Stillið glýfuhnútinn (--pantoken-glyph) og teiknið hann með sameiginlega málaranum (til dæmis -icon-search).

Sýndareiningar ​

SýndareiningLýsing
::beforeGlýfan sjálf: 1em kassi sem er maskaður úr --pantoken-glyph og fylltur með currentColor.

Notuð tákn ​

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