CSS: icon ​

.instui-icon — Y system eicon: maint .instui-icon ynghyd â'r paentydd cyffredin -icon-<name> sy'n defnyddio masg ar glyff (yn currentColor) cyn unrhyw elfen.

Source: icon.css

Hygyrchedd ​

Mae'r glyff yn addurnol, felly nodwch ef fel aria-hidden="true"; rhoddwch iddo role neu label ond pan fo'r eicon yn cyflwyno ystyr ar ei ben ei hun.

Defnydd ​

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

Enghreifftiau ​

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

Modyfiwyr ​

ModyfiwrDisgrifiad
.-icon-*Gosodwch docyn y glyff (--pantoken-glyph) a'i rendro trwy'r paentydd cyffredin (er enghraifft -icon-search).

Is-elfennau ​

Is-elfenDisgrifiad
::beforeY glyff ei hun: blwch 1em wedi'i orchuddio gan fasg o --pantoken-glyph a'i lenwi gyda currentColor.

Tocynnau a ddefnyddiwyd ​

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