PostCSS 财产规则可选描述符

npm install @csstools/postcss-property-rule-optional-descriptors --save-dev

PostCSS 财产规则可选描述符 允许您在 @property 规则 CSS胡迪尼规格。 。 。 .

@property --foo {
    initial-value: "red";
}

@property --bar {
    syntax: "<color>";
    initial-value: "green";
}

/* becomes */

@property --foo {
    initial-value: "red";
    syntax: "*";
    inherits: true;
}

@property --bar {
    syntax: "<color>";
    initial-value: "green";
    inherits: true;
}

使用量

添加 PostCSS 财产规则可选描述符 对您的项目:

npm install postcss @csstools/postcss-property-rule-optional-descriptors --save-dev

当作一个 邮政 插件 :

const postcss = require('postcss');
const postcssPropertyRuleOptionalDescriptors = require('@csstools/postcss-property-rule-optional-descriptors');

postcss([
    postcssPropertyRuleOptionalDescriptors(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);