Skip to content

pantoken / formats/css/src / buildCssFile

Fušla: buildCssFile()

buildCssFile(__namedParameters): string

Behta

Ge CSS-fila stringa: tyypain @property registreringat (top-level, theme-agnostic) ja dahje okta dahje muhtin skoppaš deklarasjona sekšuvnnat (mas selektora, mii consume-buildii, sáhttá rewrite-ehket).

Parametera

__namedParameters

comments

string[]

scope

string

properties?

PropertyRule[] = []

sections

CssSection[]

inherits?

boolean = true

Gullii / Gávdnat

string

Exempla

Registrera okta tyypadan property ja ge skoppaš deklarasjona

ts
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)"]] }],
});

Golgat sekšuvnna CSS cascade-láddas

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

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