pantoken / formats/css/src / toCss

फंक्शन: toCss() ​

toCss(tokens, options?): string

बीटा

टोकन IR के लिए CSS उत्पन्न करें.

पैरामीटर ​

tokens ​

readonly Token[]

IR (उदा. @pantoken/tokens से).

options? ​

ToCssOptions = {}

ToCssOptions.

वापसी ​

string

CSS स्ट्रिंग।

उदाहरण ​

डिफ़ॉल्ट स्टाइलशीट बनाएं

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

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

घोषणाओं को एक क्लास तक सीमित करें और एक अन्य थीम बनाएं

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

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

प्लगइन CSS हुक के साथ पोस्ट-प्रोसेस करें

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