pantoken / formats/css/src / toCss

Mahi: toCss() ​

toCss(tokens, options?): string

Beta

Whakaputa CSS mō te token IR.

Ngā Tawhā ​

tokens ​

panui-anake Token[]

Te IR (hei tauira, nō @pantoken/tokens).

options? ​

ToCssOptions = {}

ToCssOptions.

Whakahokia ​

string

Te aho CSS.

Ngā tauira ​

Hangaia te pepa kāhua taunoa

ts
import { toCss } from "@pantoken/css";
import { tokens } from "@pantoken/tokens";

const stylesheet = toCss(tokens); // declarations under :root

Whakakīngia ngā whakapuakanga ki tētahi kara, ā, hangaia tētahi kaupapa anō

ts
import { toCss } from "@pantoken/css";
import { byTheme } from "@pantoken/tokens";

toCss(byTheme("canvas"), { scope: '[class*="instui"]' });

Whakamahia te tukatuka muri mā te mono (plugin) css hook

ts
import { toCss } from "@pantoken/css";
import { tokens } from "@pantoken/tokens";

toCss(tokens, {
  plugins: [
    {
      name: "focus",
      css: () => ({ append: ":focus-visible { outline: 2px solid var(--instui-focus-color); }" }),
    },
  ],
});