pantoken-root / formats/css/src / multiScopeCss

Функция: multiScopeCss() ​

multiScopeCss(options): string

Бета

Полный многоскоупный лист: порядок слоёв, один набор регистраций @property, общая базовая блок, блок токенов для каждой темы и светлые/тёмные закрепления color-scheme.

Токены разделяются по тому, изменяется ли их значение между themes. Непеременные токены помещаются в общий базовый блок один раз; изменяющиеся токены полностью повторяются в каждом блоке темы. Эта вторая часть обеспечивает безопасность вложения — блок темы, пропустивший изменяющийся токен, унаследует значение из окружающего скоупа.

Параметры ​

options ​

MultiScopeCssOptions

Возвращаемое значение ​

string

Пример ​

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

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