pantoken / formats/scss/src / toScss

Fonction: toScss() ​

toScss(tokens, options?): string

Expérimental

Générer des variables SCSS pour un IR de tokens.

Paramètres ​

tokens ​

lecture seule Token[]

L'IR (p. ex. provenant de @pantoken/tokens).

options? ​

ToScssOptions = {}

ToScssOptions.

Retourne ​

string

La chaîne source SCSS.

Exemples ​

Émettre les variables par défaut (thème clair)

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

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

Résoudre le mode sombre d'un autre thème

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

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