Skip to content

pantoken / css

css

Beta

@pantoken/css — emette i token di design Instructure come CSS di tipo @property.

toCss converte qualsiasi IR di token in CSS; css è il foglio di stile rebrand pronto all'uso e leanCss è una variante snella che elimina l'intero set --instui-icon-* (le ~1.777 data-URI delle icone che dominano il foglio) per la distribuzione via CDN/embed — circa un sesto della dimensione in rete. Entrambi includono la base per elevation + focus-outline (proprietà custom composite i cui builder puri risiedono in @pantoken/utils), quindi un foglio componente risolve le sue ombre e l'anello di focus solo contro il foglio di token. Un entry con effetti collaterali DOM si trova in @pantoken/css/inject; file statici in @pantoken/css/style.css e @pantoken/css/style.lean.css.

Interfacce

Variabili

Funzioni

Riferimenti

default

Rinomina e riesporta css