@csstools/postcss-property-rule-optional-descriptors

PostCSS Property Rule Optional Descriptors

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

PostCSS Property Rule Optional Descriptors lets you omit optional descriptors in @property rules following the CSS Houdini Specification.

@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;
}

Usage

Add PostCSS Property Rule Optional Descriptors to your project:

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

Use it as a PostCSS plugin:

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

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