pantoken-root / formats/css/src / multiScopeCss

تابع: multiScopeCss() ​

multiScopeCss(options): string

بتا

شییت چند-اسکوپی کامل: ترتیب لایه‌ها، یک مجموعهٔ @property ثبت‌ها، یک بلاک پایهٔ مشترک ، یک بلاک توکن برای هر تم، و پین‌های color-scheme روشن/تاریک.

توکن‌ها بر اساس این که مقدارشان واقعاً در بین themes متفاوت است یا نه تفکیک می‌شوند. توکن‌های ثابت یک‌بار در بلاک پایهٔ مشترک قرار می‌گیرند؛ توکن‌های متغیر به‌طور کامل در هر بلاک تم تکرار می‌شوند. آن نیمهٔ دوم است که درونی‌سازی را ایمن می‌کند — بلاک تمی که توکن متغیر را حذف کند، مقدار آن را از حوزهٔ دربرگیرنده به ارث خواهد برد.

پارامترها ​

options ​

MultiScopeCssOptions

مقدار بازگشتی ​

string

نمونه ​

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

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