Gulp plugin for detecting if any CSS file in a set has more selectors than IE's limit of 4095. Wraps the css-selector-limit module.

This plugin requires Gulp 3.9.x

If you haven't used Gulp before, be sure to check out the Getting Started guide, as it explains how to create a gulpfile as well as how to install and use Gulp plugins. Once you're familiar with that process, you may install this plugin with this command:

npm install gulp-css-selector-limit --save-dev

In your project's gulpfile you can add the css-selector-limit task like so.

var gulp = require('gulp'),
	cssSelectorLimit = require('gulp-css-selector-limit');

gulp.task('css-selector-limit', function(){
	return gulp.src('style/**/*.css')
		.pipe(cssSelectorLimit())
		.pipe(cssSelectorLimit.reporter('default'))
		.pipe(cssSelectorLimit.reporter('fail'));
});

If you want the task to fail if a file is found that contains selectors that are over the limit then include the fail reporter as shown above.

All options are the same as those defined in the css-selector-limit module.

In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality.