pantoken-root / formats/css/src / multiScopeCss

Hàm: multiScopeCss() ​

multiScopeCss(options): string

Beta

Tệp nhiều phạm vi hoàn chỉnh: thứ tự lớp, một bộ @property registrations, một khối cơ sở chia sẻ block, một khối token cho mỗi chủ đề, và các chốt color-scheme light/dark.

Các token được phân vùng dựa trên việc giá trị của chúng có thực sự thay đổi giữa các themes hay không. Các token không đổi được đặt vào khối cơ sở chia sẻ một lần; các token thay đổi được lặp lại đầy đủ trong mỗi khối theme. Phần thứ hai đó khiến việc lồng nhau an toàn — một khối theme nếu bỏ sót token thay đổi sẽ kế thừa giá trị của phạm vi bao quanh cho token đó.

Tham số ​

options ​

MultiScopeCssOptions

Trả về ​

string

Ví dụ ​

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

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