pantoken-root / formats/css/src / multiScopeCss

फंक्शन: multiScopeCss() ​

multiScopeCss(options): string

बीटा

पूर्ण मल्टी-स्कोप शीट: लेयर क्रम, एक सेट @property रजिस्ट्रेशन, एक साझा बेस ब्लॉक, प्रत्येक थीम के लिए एक टोकन ब्लॉक, और लाइट/डार्क color-scheme पिन।

टोकन इस बात के आधार पर विभाजित किए जाते हैं कि क्या उनका मान वास्तव में themes के बीच बदलता है। अपरिवर्तनीय टोकन साझा बेस ब्लॉक में एक बार जाते हैं; बदलने वाले टोकन पूर्ण रूप से हर थीम ब्लॉक में दोहराए जाते हैं। यही दूसरी आधी बात नेस्टिंग को सुरक्षित बनाती है — एक थीम ब्लॉक जिसने कोई बदलने वाला टोकन छोड़ा तो वह उसके लिए enclosing scope का मान विरासत में पा लेगा।

पैरामीटर ​

options ​

MultiScopeCssOptions

वापसी ​

string

उदाहरण ​

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

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