pantoken / flatten-property

flatten-property ​

बीटा

@pantoken/plugin-flatten-property — @property at-rules को साधारण custom-property घोषणाओं में परिवर्तित करता है.

@property at-rules typed CSS custom properties को syntax, inherits, और initial-value descriptors के साथ रजिस्टर करते हैं। इनका बाइट ओवरहेड काफी होता है — प्रति property लगभग ~60 बाइट boilerplate — और जब stylesheet एक स्वरूपित (self-contained) बंडल हो जहाँ type registration का रनटाइम में कोई लाभ न हो, तब ये अनावश्यक होते हैं। यह plugin प्रत्येक @property ब्लॉक को चुने गए selector के अंदर एक साधारण --name: value घोषणा से बदल देता है, जिससे वह सारा ओवरहेड वापस मिल जाता है.

सार्थक नोट: @property हटाने से CSS type registration हट जाता है। Typed transitions/animations, @starting-style, और CSS Typed OM इससे निर्भर होते हैं। केवल उन बंडलों पर लागू करें जहाँ उन semantics की आवश्यकता न हो.

उदाहरण ​

ts
import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";
const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;

इंटरफेस ​

वैरिएबल्स ​