CSS: icon
.instui-icon — Az ikonsrendszer: .instui-icon méretezés plusz a megosztott -icon-<name> festő, amely maszkol egy karaktert (currentColor-ben) 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>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> | — |