pantoken-root / formats/css/src / multiScopeCss

Funkcja: multiScopeCss() ​

multiScopeCss(options): string

Beta

Pełny arkusz wielozakresowy: porządek warstw, jeden zestaw rejestracji @property, współdzielony blok bazowy , blok tokenów na motyw oraz przypinki jasny/ciemny color-scheme.

Tokeny są podzielone w zależności od tego, czy ich wartość rzeczywiście zmienia się pomiędzy themes. Tokeny niezmienne umieszcza się raz w współdzielonym bloku bazowym; tokeny zmienne powtarzane są w całości w każdym bloku motywu. To właśnie ta druga połowa sprawia, że zagnieżdżanie jest bezpieczne — blok motywu, który pominął token zmienny, odziedziczyłby dla niego wartość z zakresu otaczającego.

Parametry ​

options ​

MultiScopeCssOptions

Zwraca ​

string

Przykład ​

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

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