Skip to content

pantoken-root / formats/css/src / multiScopeCss

Fungsi: multiScopeCss() ​

multiScopeCss(options): string

Beta

Lembaran pelbagai skop lengkap: urutan lapisan, satu set pendaftaran @property , satu blok asas kongsi block, satu blok token bagi setiap tema, dan pin color-scheme terang/gelap.

Token dibahagikan berdasarkan sama ada nilainya benar-benar berubah merentasi themes. Token tak berubah diletakkan dalam blok asas kongsi sekali; token yang berubah diulang sepenuhnya dalam setiap blok tema. Bahagian kedua inilah yang menjadikan penyarangan selamat — blok tema yang mengabaikan token yang berubah akan mewarisi nilai skop sekeliling untuk token itu.

Parameter ​

options ​

MultiScopeCssOptions

Mengembalikan ​

string

Contoh ​

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

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