CSS: icon ​

.instui-icon — Simge sistemi: .instui-icon boyutlandırması ve herhangi bir öğeden önce bir glifi (currentColor) maskelerken kullanılan paylaşılan -icon-<name> boyamacısı.

Source: icon.css

Erişilebilirlik ​

Glif dekoratiftir, bu yüzden onu aria-hidden="true" olarak işaretleyin; simge tek başına anlam taşıyorsa ona yalnızca role veya bir etiket verin.

Kullanım ​

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

Örnekler ​

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

Değiştiriciler ​

DeğiştiriciAçıklama
.-icon-*Glif token'ını (--pantoken-glyph) ayarlayın ve onu paylaşılan boyamacı aracılığıyla render edin (örneğin -icon-search).

Sözde elemanlar ​

Sözde elemanAçıklama
::beforeGlifin kendisi: --pantoken-glyph'tan maskelenmiş ve currentColor ile doldurulmuş 1em'lik bir kutu.

Tüketilen tokenler ​

TokenTürDeğer
--pantoken-glyph<url>url("data:image/svg+xml