pantoken-root / formats/scss/src / toScss

Funktion: toScss() ​

toScss(tokens, options?): string

Experimentell

Generera SCSS-variabler för en token-IR.

Parametrar ​

tokens ​

skrivskyddad Token[]

IR:n (t.ex. från @pantoken/tokens).

options? ​

ToScssOptions = {}

ToScssOptions.

Returnerar ​

string

SCSS-källsträngen.

Exempel ​

Generera standardvariablerna (ljusa)

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

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

Bestäm mörkt läge för ett annat tema

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

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