Zum Inhalt springen
NativeCSS
Handbuch-Inhalt

Icons

helpers/icons.css: eigene SVGs als CSS mask-image (currentColor-fähig, skaliert mit font-size, kein Markup-Inhalt nötig).

Klassen

.ncss-icon + .ncss-icon-close/-chevron-down/-menu/-play/-search.

<span class="ncss-icon ncss-icon-close" aria-hidden="true"></span>

Austauschbar

Gegen z.B. Font Awesome (<i class="fa-solid fa-xmark">) austauschbar, ohne die nutzende Komponente anzufassen - Komponenten wie .ncss-dialog-close stylen nur die Fläche, nie die Icon-Quelle.