A PostCSS plugin to add clearfix in one line. Installation npm install postcss-clear-fix Example div.container { clear: fix} will produce div.container:after { content: " "; display: table; clear: both} Usage Using Gulp. var gulp = require('gulp'), postcss = require('gulp-postcss'), clearfix = require('postcss-clear-fix'); gulp.task('css', function() { gulp.src('path/to/dev/css'). .pipe(postcss({ // use it after nesting plugins clearfix })) .pipe(gulp.dest('path/to/build/css'));}); // rest of the gulp file