Skip to content

pantoken-root / formats/css/src / multiScopeCss

Fungsi: multiScopeCss() ​

multiScopeCss(options): string

Beta

Lembar multi-scope lengkap: urutan lapisan, satu set @property registrations, sebuah blok dasar bersama block, sebuah blok token per tema, dan pin color-scheme terang/gelap.

Token dipartisi berdasarkan apakah nilainya benar‑benar berbeda antar themes. Token yang invariant diletakkan sekali di blok dasar bersama; token yang bervariasi diulang penuh di setiap blok tema. Paruh kedua itulah yang membuat nested aman — sebuah blok tema yang menghilangkan token yang bervariasi akan mewarisi nilai dari scope pembungkus untuk token tersebut.

Parameter ​

options ​

MultiScopeCssOptions

Mengembalikan ​

string

Contoh ​

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

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