postcss-sayonara
v0.4.2
Published
PostCSS plugin to limit used declarations to a given set
Downloads
133
Readme
PostCSS Sayonara
PostCSS plugin to limit used declarations to a given set.
.foo {
/* Input example */
fill: #fff;
cursor: pointer;
}
.foo {
/* Output example */
fill: #fff;
}
Usage
Check you project for existed PostCSS config: postcss.config.js
in the project root, "postcss"
section in package.json
or postcss
in bundle config.
If you already use PostCSS, add the plugin to plugins list:
module.exports = {
plugins: [
+ require('postcss-sayonara')({
+ allowedPropNames: [
+ 'stroke', 'stroke-width', 'stroke-opacity', 'stroke-dasharray',
+ 'stroke-dashoffset', 'stroke-linecap',
+ 'stroke-linejoin', 'stroke-miterlimit',
+ 'fill', 'fill-rule', 'fill-opacity',
+ 'clip-path', 'mask',
+ 'opacity', 'color', 'stop-color', 'stop-opacity',
+ 'font-family', 'font-size', 'font-weight',
+ 'text-anchor', 'visibility', 'display',
+ ],
+ }),
require('autoprefixer'),
],
}
If you do not use PostCSS, add it according to official docs and set this plugin in settings.