pantoken-root / formats/css/src / multiScopeCss

함수: multiScopeCss()

multiScopeCss(options): string

베타

완전한 다중 스코프 시트: 레이어 순서, 한 벌의 @property 등록, 공유된 베이스 블록, 테마별 토큰 블록, 그리고 밝음/어둠 color-scheme 핀.

토큰은 값이 실제로 themes에 따라 달라지는지 여부로 분리됩니다. 불변 토큰은 공유된 베이스 블록에 한 번 들어가고; 가변 토큰은 모든 테마 블록에 완전하게 반복됩니다. 그 두 번째 부분이 중첩을 안전하게 만드는 이유입니다 — 가변 토큰을 생략한 테마 블록은 해당 토큰에 대해 둘러싼 스코프의 값을 상속받습니다.

매개변수

options

MultiScopeCssOptions

반환값

string

예제

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

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