CSS: icon
.instui-icon — Az ikonrendszer: .instui-icon méretezés, valamint a közös -icon-<name> rajzoló, amely maszkol egy glifát (currentColor-ban) bármely elem előtt.
Forrás: icon.css
Akadálymentesség
A karakter dekoratív, ezért jelöld meg aria-hidden="true"; adj neki egy role-t vagy címkét csak akkor, ha az ikon önmagában jelentést közvetít.
Használat
css
@import "@pantoken/components/components.css";Példák
html
<span class="instui-icon -icon-megaphone" aria-hidden="true"></span>Módosítók
| Módosító | Leírás |
|---|---|
.-icon-* | Állítsa be a glifa tokent (--pantoken-glyph), és jelenítse meg a megosztott festőn keresztül (például -icon-search). |
Pszeudoelemek
| Pszeudoelem | Leírás |
|---|---|
::before | A karakter maga: egy 1em doboz maszkolt --pantoken-glyph-ből és kitöltve currentColor-vel. |
Felhasznált tokenek
| Token | Típus | Érték |
|---|---|---|
--pantoken-glyph | <url> | — |