GitHub - conceptualitis/mahogany: PostCSS plugin that lets everyone know how important your CSS is

1 min read Original article ↗

Mahogany

Don't let one bad apple spoil the bunch. Make them all bad apples.

This is a PostCSS plugin that appends !important to every declaration in your CSS.

I'm very important

Install

npm install --sav-dev mahogany

Use it with Gulp

var postcss = require('gulp-postcss');
var gulp = require('gulp');
var mahogany = require('mahogany');

gulp.task('css', function () {
    return gulp.src('./src/*.css')
        .pipe(postcss([mahogany()]))
        .pipe(gulp.dest('./dest'));
});

Examples

Becomes:

a {
  color: red !important;
}

And

b {
  font-weight: 100;
  color: blue;
}

Becomes:

b {
  font-weight: 100 !important;
  color: blue !important;
}