PostCSS Sparrow Props Filter
A PostCSS Sparrow plugin that helps you search CSS declarations by properties.
This plugin is designed to be used with PostCSS Sparrow, which helps you filter CSS declarations by selectors. By using these two plugins together, you can easily get the declarations you need.
Made in Hong Kong 🆓 🆓
This plugin is made with love by a Hong Konger.
Installation
This plugin require you to use PostCSS Sparrow for matching with selectors you want.
Download both postcss-sparrow
and this plugin through NPM.
npm i postcss-sparrow postcss-sparrow-props-filter
Then import this plugin as the callback for PostCSS Sparrow.
//postcss.config.jsmoduleexports = plugins: //Other plugins... transformations: selectors: '*' inclusion: true callbacks: props: 'font-size' inclusion: true callbacks: //Do transformation here with your own callback functions { decl }
API Reference
options.props
: Array
An array of properties that you want to match with. Use *
as wildcard and select all properties.
For example, display
will match display: block
.
options.inclusion
: Boolean
True for including and False for excluding selectors listed in options.props
.
options.callbacks
: Array
An array of callbacks that you use to transform the selected declarations. The selected declaration will be passed in as an argument.