pantoken-root / formats/css/src / multiScopeCss

ฟังก์ชัน: multiScopeCss() ​

multiScopeCss(options): string

เบต้า

ชีทมัลติสโคปแบบสมบูรณ์: ลำดับเลเยอร์, ชุดเดียวของการลงทะเบียน @property, บล็อกฐานที่ใช้ร่วมกัน block, บล็อกโทเค็นต่อธีม และพิน color-scheme แบบสว่าง/มืด.

โทเค็นถูกแบ่งตามว่าค่าของมันเปลี่ยนแปลงจริงข้าม themes หรือไม่. โทเค็นที่ไม่เปลี่ยนจะไปไว้ในบล็อกฐานที่ใช้ร่วมกันเพียงครั้งเดียว; โทเค็นที่เปลี่ยนจะถูกทำซ้ำเต็มรูปแบบในบล็อกธีมทุกบล็อก. ส่วนที่สองนี้ทำให้การซ้อนปลอดภัย — บล็อกธีมที่ละเว้นโทเค็นที่เปลี่ยนจะสืบทอดค่าจากสโคปรอบนอกแทน.

พารามิเตอร์ ​

options ​

MultiScopeCssOptions

คืนค่า ​

string

ตัวอย่าง ​

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

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