pantoken-root / formats/css/src / multiScopeCss

関数: multiScopeCss() ​

multiScopeCss(options): string

ベータ

完全なマルチスコープシート: レイヤー順、1組の @property 登録、共有のベースブロック、テーマごとのトークンブロック、そしてライト/ダークの color-scheme ピン。

トークンはその値が themes によって実際に変わるかどうかで区分されます。不変のトークンは共有ベースブロックに一度だけ入れられ、可変のトークンはすべてのテーマブロックに完全に繰り返されます。後者の仕組みがネストを安全にする理由であり — 可変トークンを省略したテーマブロックは外側のスコープの値を継承します。

パラメーター ​

options ​

MultiScopeCssOptions

戻り値 ​

string

例 ​

ts
import { multiScopeCss } from "@pantoken/css";

multiScopeCss({ themes: ["rebrand", "canvas"], defaultTheme: "rebrand" });