Skip to content

pantoken-root / 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 をリネームして再エクスポートします