pantoken / css

css ​

ベータ

@pantoken/css — Instructure のデザイントークンを @property 型の CSS として出力します。

toCss は任意のトークン IR を CSS に変換します。css は準備済みの rebrand スタイルシートで、 leanCss はフルの --instui-icon-* セット（シートのサイズを支配する約1,777 のアイコン data-URI）を省いた軽量版で、CDN/埋め込み配信向けに ワイヤ上でおよそ6分の1のサイズになります。どちらもエレベーション＋フォーカスアウトラインの基盤（純粋なビルダーが @pantoken/utils にある合成カスタムプロパティ）を含むため、コンポーネントのシートはトークンシートだけでシャドウとフォーカスリングを解決できます。DOM の副作用エントリは @pantoken/css/inject にあり；静的ファイルは @pantoken/css/style.css と @pantoken/css/style.lean.css に配置されています。

インターフェース ​

変数 ​

関数 ​

参照 ​

default ​

css をリネームして再エクスポートします