pantoken / flatten-property

flatten-property ​

בטא

@pantoken/plugin-flatten-property — המרת @property at-rules להכרזות פשוטות של custom-property. declarations.

@property at-rules מרשמים תכונות CSS ממונעות טיפוס עם תיאורים syntax, inherits ו־ initial-value. הם גוררים תקורה בייטית משמעותית — כ־60 בתים של קוד חוזר לכל נכס — ואינם נחוצים כאשר גליון הסגנונות הוא חבילה עצמאית שבה רישום הטיפוס אינו מספק תועלת בזמן הריצה. תוסף זה מחליף כל בלוק @property ב‌ הצהרת --name: value פשוטה בתוך בורר נבחר, ומשחזר את כל אותה תקורה.

הערה סמנטית: הסרת @property מבטלת את רישום טיפוסי ה‑CSS. מעברים/אנימציות ממונחי טיפוס, @starting-style ו־CSS Typed OM תלוים בכך. יש ליישם זאת רק על חבילות שבהן המשמעותיות האלו אינן נחוצות.

דוגמה ​

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

ממשקים ​

משתנים ​