A PostCSS plugin to enable 'null' in margin and padding shorthands
npm install postcss-sides
div {
margin: null auto
}
will produce
div {
margin-left: auto;
margin-right: auto;
}
Using Gulp.
var gulp = require('gulp'),
postcss = require('gulp-postcss'),
sides = require('postcss-sides');
gulp.task('css', function() {
gulp.src('path/to/dev/css').
.pipe(postcss({
sides
}))
.pipe(gulp.dest('path/to/build/css'));
});
// rest of the gulp file