pantoken / formats/css/src / buildCssFile

Függvény: buildCssFile()

buildCssFile(__namedParameters): string

Béta

CSS fájl karakterlánc létrehozása: típusozott @property regisztrációk (felső szint, témaagnosztikus) ezt követően egy vagy több hatókörrel rendelkező deklarációs szakasz (amelyeknek a szelektora a fogyasztó build újraírhatja).

Paraméterek

__namedParameters

comments

string[]

scope

string

properties?

PropertyRule[] = []

sections

CssSection[]

inherits?

boolean = true

Visszatérés

string

Példák

Egy típusozott tulajdonság regisztrálása és hatókörrel rendelkező deklaráció kibocsátása

import { buildCssFile } from "@pantoken/css";

buildCssFile({
  comments: ["/* my tokens */"],
  scope: ":root",
  properties: [{ name: "--instui-color-brand", syntax: "<color>", value: "#0374b5" }],
  sections: [{ pairs: [["--instui-color-text-base", "var(--instui-color-brand)"]] }],
});

Szekció becsomagolása CSS kaszkád rétegbe

import { buildCssFile } from "@pantoken/css";

buildCssFile({
  comments: [],
  scope: ":root",
  sections: [{ layer: "pantoken", pairs: [["--instui-spacing-space-md", "1rem"]] }],
});