pantoken / css

css ​

Beta

@pantoken/css — Instructure-Designtokens als @property-typisiertes CSS ausgeben.

toCss wandelt jeden Token-IR in CSS um; css ist das fertig vorbereitete rebrand-Stylesheet und leanCss ist eine schlanke Variante, die das vollständige --instui-icon-*-Set (die ~1.777 Icon-Data-URIs, die das Stylesheet dominieren) für CDN-/Embed-Auslieferung fallen lässt — etwa ein Sechstel der Übertragungsgröße. Beide enthalten die Elevation- und Focus-Outline-Grundlage (zusammengesetzte Custom Properties, deren reine Builder in @pantoken/utils liegen), sodass ein Komponenten-Stylesheet seine Schatten und den Fokus-Ring allein gegen das Token-Stylesheet auflöst. Ein DOM-Seiteneffekt-Eintrag liegt bei @pantoken/css/inject; statische Dateien unter @pantoken/css/style.css und @pantoken/css/style.lean.css.

Schnittstellen ​

Variablen ​

Funktionen ​

Referenzen ​

default ​

Benennt css um und exportiert es erneut