pantoken-root / formats/css/src / multiScopeCss

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

multiScopeCss(options): string

Βήτα

Το πλήρες φύλλο πολλαπλών scope: σειρά στρωμάτων, ένα σετ εγγραφών @property, ένα κοινό βασικό block, ένα μπλοκ tokens ανά θέμα και οι ακίδες color-scheme για φως/σκοτάδι.

Τα tokens χωρίζονται ανάλογα με το αν η τιμή τους πράγματι διαφέρει ανάμεσα σε themes. Τα ανεπηρέαστα tokens μπαίνουν μία φορά στο κοινό βασικό μπλοκ ; τα μεταβλητά επαναλαμβάνονται πλήρως σε κάθε μπλοκ θέματος. Το δεύτερο μέρος είναι που κάνει την εμφώλευση ασφαλή — ένα μπλοκ θέματος που παραλείπει ένα μεταβλητό token θα κληρονομήσει την τιμή από το περιβάλλον scope.

Παράμετροι ​

options ​

MultiScopeCssOptions

Επιστρέφει ​

string

Παράδειγμα ​

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

multiScopeCss({ themes: ["rebrand", "canvas"], defaultTheme: "rebrand" });