pantoken / formats/scss/src / toScss

関数: toScss()

toScss(tokens, options?): string

実験的

トークンIR用のSCSS変数を出力する。

パラメーター

tokens

読み取り専用 Token[]

IR（例: @pantoken/tokens からのもの）。

options?

ToScssOptions = {}

ToScssOptions.

戻り値

string

SCSSのソース文字列。

例

デフォルト（ライト）変数を出力する

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

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

別のテーマのダークモードを解決する

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

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