postcss-importantly

PostCSS plugin to add !important for every declaration.

Usage no npm install needed!

<script type="module">
  import postcssImportantly from 'https://cdn.skypack.dev/postcss-importantly';
</script>

PostCSS plugin to add !important for every declaration.

The best way to isolate your CSS is to give maximum weight for your declarations. Adding !important is the easiest way for it.

Run npm install postcss-importantly --save-dev

In your Gulpfile use this command to process stylesheet:

gulp.src('app/*.css')
  .pipe $.postcss [require('postcss-importantly')]
  .pipe gulp.dest('.dist')

Note that plugin ignores @-rules (such as @font-face and @keywords) due to lack in browser support.