CSS: icon ​

.instui-icon — Նկարի համակարգը՝ .instui-icon չափսավորում և ընդհանուր -icon-<name> ներկազարդը, որը մասկավորում է գիլֆը (ըստ currentColor) ցանկացած էլեմենտից առաջ։

Source: icon.css

Մուտքականություն ​

Գիլֆը զարդարական է, ուստի նշեք այն որպես aria-hidden="true"; տրամադրեք role կամ պիտակ միայն այն ժամանակ, երբ նշանը ինքնուրույն հնարավորություն ունի փոխանցելու իմաստ։

Օգտագործում ​

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

Օրինակներ ​

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

Մոդիֆիկատորներ ​

ՄոդիֆիկատորՆկարագիր
.-icon-*Սահմանեք գիլֆի տոքենը (--pantoken-glyph) և պատկերեք այն ընդհանուր ներկազարդի միջոցով (օրինակ՝ -icon-search).

Պսևդո-էլեմենտներ ​

Պսևդո-էլեմենտՆկարագիր
::beforeԳիլֆը ինքնին՝ 1em տուփ, որը մասկացված է --pantoken-glyph-ից և լցված currentColor-ով։

Ցուցիչներ սպառված ​

TokenՏիպԱրժեք
--pantoken-glyph<url>url("data:image/svg+xml