CSScomb is a coding style formatter for CSS.
npm install gulp-csscomb> Format CSS coding style with CSScomb.
*If you have any difficulties with the output of this plugin, please use the
CSScomb tracker.*
---
🔥 Want to strengthen your core JavaScript skills and master ES6?
I would personally recommend this awesome ES6 course by Wes Bos.
---
``sh`
npm install gulp-csscomb --save-dev
`js
var gulp = require('gulp');
var csscomb = require('gulp-csscomb');
gulp.task('styles', function() {
return gulp.src('src/styles/main.css')
.pipe(csscomb())
.pipe(gulp.dest('./build/css'));
});
`
`js
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
gulp.task('styles', function() {
return gulp.src('src/styles/bootstrap.less')
.pipe($.less({strictMath: true}))
.pipe($.autoprefixer([
'Android 2.3',
'Android >= 4',
'Chrome >= 20',
'Firefox >= 24', // Firefox 24 is the latest ESR
'Explorer >= 8',
'iOS >= 6',
'Opera >= 12',
'Safari >= 6']))
.pipe($.csscomb())
.pipe(gulp.dest('./build/css'));
});
`
If there is .csscomb.json file present in the same folder as the source file(s),gulp-csscomb
or in the project root folder, will read config settings from it
instead of default config.
You can also specify a pre-defined configuration. Ex.: csscomb('zen')`
The MIT License (MIT) © Konstantin Tarkus (@koistya)