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

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

Modyfiwyr

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

Is-elfennau

Is-elfen	Disgrifiad
::before	Y glyff ei hun: blwch 1em wedi'i orchuddio gan fasg o --pantoken-glyph a'i lenwi gyda currentColor.

Tocynnau a ddefnyddiwyd

Token	Math	Gwerth
--pantoken-glyph	<url>	url("data:image/svg+xml