Keep a watchful eye on your css colors.
JavaScript
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
tests
.editorconfig
.gitattributes
.gitignore
.jshintrc
.travis.yml
LICENSE
index.js
package.json
readme.md

readme.md

gulp-colorguard

Keep a watchful eye on your css colors.

NPM Version NPM Downloads Build Status

Issues with the output should be reported on the css-colorguard issue tracker.

Install

Install with npm

$ npm install --save-dev gulp-colorguard

Usage

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
});

API

Options are passed through to css-colorguard, except for options.logOk which affects this gulp plugin behavior only.

logOk

Be verbose and log files that have no collisions. Off by default.

Type: Boolean

Default: false

License

MIT @Gilad Peleg