gulp-css-namespace

gulp plugin to add a namespace to all CSS classes

Installation

Install package with NPM and add it to your development dependencies:

npm install --save-dev gulp-css-namespace

Usage

var cssNamepsace = require('gulp-css-namespace');
 
gulp.task('css-namepsace', function() {
  return gulp.src('src/*.css')
    .pipe(cssNamepsace({selector:'.namespace-'}))
    .pipe(gulp.dest('dist'));
});

Properties

• obj.selector
• String: Namespace to use
• obj.html
• Boolean: Append namespace to singular HTML properties
• obj.exclude
• Array: Array of classes to exclude from the namespace

Example

The following, when run through gulp-css-namespace, will produce the second result.

.foo {
    display: block;
}
a.foo {
    display: inline;
}

.namespace-foo {
    display: block;
}
a.namespace-foo {
    display: inline;
}