pantoken / formats/css/src / buildCssFile

Συνάρτηση: buildCssFile() ​

buildCssFile(__namedParameters): string

Βήτα

Κατασκευάστε μια συμβολοσειρά αρχείου CSS: τυποποιημένες @property εγγραφές (στο ανώτατο επίπεδο, ανεξάρτητες από θέμα) ακολουθούμενες από μία ή περισσότερες scoped ενότητες δηλώσεων (του/των οποίου ο επιλεκτής μπορεί να τροποποιηθεί από τη διαδικασία κατασκευής που τις καταναλώνει).

Παράμετροι ​

__namedParameters ​

comments ​

string[]

scope ​

string

properties? ​

PropertyRule[] = []

sections ​

CssSection[]

inherits? ​

boolean = true

Επιστρέφει ​

string

Παραδείγματα ​

Εγγράψτε μία τυποποιημένη ιδιότητα και εκδώστε μια scoped δήλωση

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

Εγκλείστε μια ενότητα σε ένα επίπεδο καταρράκτη (cascade) CSS

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

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