Keep a watchful eye on your css colors
npm install gulp-colorguard
Issues with the output should be reported on the css-colorguard issue tracker.
Install with npm
``bash`
$ npm install --save-dev gulp-colorguard
`js
var gulp = require('gulp');
var colorguard = require('gulp-colorguard');
//example with basic css copying
gulp.task('css', function() {
gulp.src('./src/css/*/.css')
.pipe(colorguard())
.pipe(gulp.dest('./public/css'));
});
//example with less-preprocesser
var less = require('gulp-less');
gulp.task('css', function() {
gulp.src('./src/less/*/.less')
.pipe(less())
.pipe(colorguard())
.pipe(gulp.dest('./public/css'));
});
//example with verbose logging
gulp.task('css', function() {
gulp.src('./src/less/*/.css')
.pipe(colorguard({
logOk: true
}))
.pipe(gulp.dest('./public/css'));
// then if no errors:
// --> main.css has no css color collisions
});
`
Options are passed through to css-colorguard,
except for options.logOk which affects this gulp plugin behavior only.
Be verbose and log files that have no collisions. Off by default.
Type: Boolean
Default: false`
MIT @Gilad Peleg