pantoken / plugins/postcss/flatten-property/src / flattenProperty

ตัวแปร: flattenProperty

const flattenProperty: {(options?): Plugin; postcss: true; }

เบต้า

สร้างปลั๊กอิน PostCSS flatten-@property.

ไล่ผ่าน at-rule ของ @property ทั้งหมดในสไตล์ชีท ดึงตัวบ่งชี้ initial-value แต่ละรายการออก ลบ at-rule นั้น แล้วแทรกกฎ injectSelector { --name: value; … } เดียวที่มีคำสั่งที่ดึงออกมาทั้งหมด กฎที่ว่างเปล่าและบล็อก @layer ที่เหลือหลังการลบจะถูกทิ้ง

Type Declaration

พารามิเตอร์

options?

FlattenPropertyOptions

FlattenPropertyOptions.

คืนค่า

Plugin

ปลั๊กอิน PostCSS Plugin.

postcss

postcss: true

ตัวบ่งชี้ปลั๊กอิน PostCSS ที่จำเป็น.

ตัวอย่าง

การฝังค่าเริ่มต้นเข้าใน :root

import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty()]).process(css, { from: undefined }).css;

ฝังเข้าใน :scope (สำหรับการใช้ภายในบล็อก scope)

import postcss from "postcss";
import { flattenProperty } from "@pantoken/plugin-flatten-property";

const out = postcss([flattenProperty({ injectSelector: ":scope" })]).process(css, { from: undefined }).css;

Preserve