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" });