Skip to content

pantoken / formats/scss/src / toScss

Функция: toScss()

toScss(tokens, options?): string

Экспериментально

Генерировать SCSS-переменные для IR токена.

Параметры

tokens

только для чтения Token[]

IR (например, из @pantoken/tokens).

options?

ToScssOptions = {}

ToScssOptions.

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

string

Строка исходного SCSS.

Примеры

Генерировать переменные по умолчанию (светлая тема)

ts
import { toScss } from "@pantoken/scss";
import { tokens } from "@pantoken/tokens";

toScss(tokens); // "$instui-color-brand: #0374b5;\n…"

Вычислить тёмный режим другой темы

ts
import { toScss } from "@pantoken/scss";
import { byTheme } from "@pantoken/tokens";

toScss(byTheme("canvas"), { mode: "dark" });