https://github.com/johno/gulp-class-prefix

Add a class prefix to further sandbox CSS styling for third-party imports.
https://github.com/johno/gulp-class-prefix

Last synced: 3 months ago
JSON representation

Add a class prefix to further sandbox CSS styling for third-party imports.

• Host: GitHub
• URL: https://github.com/johno/gulp-class-prefix
• Owner: johno
• License: mit
• Created: 2014-10-28T23:21:33.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-07-16T15:28:35.000Z (over 9 years ago)
• Last Synced: 2024-10-09T09:49:49.102Z (4 months ago)
• Language: JavaScript
• Size: 176 KB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gulp-class-prefix [![Build Status](https://travis-ci.org/johnotander/gulp-class-prefix.svg?branch=master)](https://travis-ci.org/johnotander/gulp-class-prefix)

Gulp plugin to prefix classes in a CSS file.

## Installation

```

npm install --save gulp-class-prefix

```

## Usage

```js

var gulp        = require('gulp'),

    classPrefix = require('gulp-class-prefix');

gulp.task('prefix', function() {

  return gulp.src('my-file.css')

    .pipe(classPrefix('my-class-prefix-'))

    .pipe(gulp.dest('dist'));

});

gulp.task('default', ['prefix']);

```

### Using the `ignored` option:

```js

var gulp        = require('gulp'),

    classPrefix = require('gulp-class-prefix');

gulp.task('prefix', function() {

  return gulp.src('my-file.css')

  .pipe(classPrefix('my-class-prefix-', { ignored: [/\.ng-/, '.some-class'] }))

  .pipe(gulp.dest('dist'));

});

gulp.task('default', ['prefix']);

```

## License

MIT

## Acknowledgements

Gulp wrapper for .

## Contributing

1. Fork it

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Add some feature'`)

4. Push to the branch (`git push origin my-new-feature`)

5. Create new Pull Request

Crafted with <3 by [John Otander](http://johnotander.com) ([@4lpine](https://twitter.com/4lpine)).