pantoken / formats/scss/src / toScss

Funkcja: toScss() ​

toScss(tokens, options?): string

Eksperymentalne

Wygeneruj zmienne SCSS dla IR tokenów.

Parametry ​

tokens ​

tylko do odczytu Token[]

IR (np. z @pantoken/tokens).

options? ​

ToScssOptions = {}

ToScssOptions.

Zwraca ​

string

Łańcuch źródłowy SCSS.

Przykłady ​

Generuj domyślne (jasne) zmienne

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

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

Rozwiąż tryb ciemny dla innego motywu

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

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