https://github.com/chriskirknielsen/gulp-vetocss

Gulp wrapper for VetoCSS
https://github.com/chriskirknielsen/gulp-vetocss

Last synced: 12 days ago
JSON representation

Gulp wrapper for VetoCSS

• Host: GitHub
• URL: https://github.com/chriskirknielsen/gulp-vetocss
• Owner: chriskirknielsen
• License: mit
• Created: 2021-03-04T20:36:47.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-03-04T21:13:10.000Z (almost 4 years ago)
• Last Synced: 2024-12-05T13:06:16.284Z (29 days ago)
• Language: JavaScript
• Size: 4.88 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gulp-vetocss

Gulp wrapper for VetoCSS: remove style blocks matching a specific selector from a stylesheet.

## Installation

Run the following command:

```bash

npm install gulp-vetocss

```

And require it in your `gulpfile.js` like so:

```js

const vetocss = require('gulp-vetocss');

```

## Usage

Add a pipe to your style build process, for example from a Sass-compiled stylesheet:

```js

var gulp = require('gulp');

var vetocss = require('gulp-vetocss');

gulp.task('styles', () => {

    return gulp.src('./scss/*.scss')

    // …your .pipe() to compile your Sass/SCSS

    .pipe(vetocss(['input::-webkit-details-marker']))

    // …other pipes (minification, save file, etc.)

});

```

Depending on your project, you might get quite a few selectors to drop in there. You can set this list in a top-level variable, or even an external file like `.vetocss.config.js` that you require:

```js

// .vetocss.config.js

module.exports = [

    'input::-webkit-details-marker',

    /div\.(btn|button)/

];

// gulpfile.js

var gulp = require('gulp');

var vetocss = require('gulp-vetocss');

var vetocssConfig = require('./.vetocss.config'); // Or an array of selectors (string or RegExp)

gulp.task('styles', () => {

    return gulp.src('./scss/*.scss')

    // …your .pipe() to compile your Sass/SCSS

    .pipe(vetocss(vetocssConfig))

    // …other pipes (minification, save file, etc.)

});

```

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License

[MIT](https://choosealicense.com/licenses/mit/)