CSS: icon ​

.instui-icon — نظام الأيقونات: قياسات .instui-icon بالإضافة إلى الراسم المشترك -icon-<name> الذي يقنع الغليف (في currentColor) قبل أي عنصر.

Source: icon.css

Accessibility ​

الغليف زخرفي، لذا وسمه بـ aria-hidden="true"; امنحه role أو تسمية فقط عندما تنقل الأيقونة معنى بمفردها.

Usage ​

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

Modifiers ​

ModifierDescription
.-icon-*عيّن توكن الغليف (--pantoken-glyph) ورسمه عبر الراسم المشترك (على سبيل المثال -icon-search).

Pseudo-elements ​

Pseudo-elementDescription
::beforeالغليف نفسه: مربع بحجم 1em مقنع من --pantoken-glyph وممتلئ بـ currentColor.

Tokens consumed ​

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