CSS: icon ​

.instui-icon — An córas deilbhín: méidú .instui-icon agus an péintéir roinnte -icon-<name> a chuireann masc ar ghlyph (i currentColor) roimh aon eilimint.

Source: icon.css

Inrochtaineacht ​

Tá an glyph maisiúcháin, mar sin marcáil é aria-hidden="true"; tabhair role dó nó lipéad air ach amháin nuair a chuireann an deilbhín brí in iúl ina haonar.

Úsáid ​

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

Samplaí ​

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

Modhnóirí ​

ModhnóirCur síos
.-icon-*Socraigh an token glyph (--pantoken-glyph) agus léiríodh é trína dháileadh tríd an péintéir roinnte (mar shampla -icon-search).

Fo-eilimintí ​

Fo-eilimintCur síos
::beforeAn glyph féin: bosca 1em a bhfuil masc curtha air ó --pantoken-glyph agus líonadh le currentColor.

Tóicíní a úsáideadh ​

TokenCineálLuach
--pantoken-glyph<url>url("data:image/svg+xml