Grunt plugin for node-combine-mq
npm install grunt-combine-mq> Combine matching media queries into one media query definition. Useful for CSS generated by preprocessors using nested media queries.
~0.4.5If you haven't used Grunt before, be sure to check out the Getting Started guide, as it explains how to create a Gruntfile as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
``sh`
npm install grunt-combine-mq --save-dev
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
`js`
grunt.loadNpmTasks('grunt-combine-mq');
to the data object passed into grunt.initConfig().`js
grunt.initConfig({
combine_mq: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
}
}
});
`$3
#### Default Options
In this example, the default options are used to do combine media queries in all
files in the src directory and outputs them to the dist directory.`js
grunt.initConfig({
combine_mq: {
default_options: {
expand: true,
cwd: 'src',
src: '*.css',
dest: 'dist/'
}
}
});
`#### New filename
In this example, the custom options are used to do combine media queries in the
files in the src directory and outputs to the dist directory with a new filename - new_filename.css.`js
grunt.initConfig({
combine_mq: {
new_filename: {
options: {
beautify: false
},
src: 'src/test.css',
dest: 'dist/new_filename.css'
}
}
});``To contribute check the GitHub issues then work away!
In lieu of a formal styleguide, take care to maintain the existing coding style. Add unit tests for any new or changed functionality. Lint and test your code using Grunt.
* Install editorconfig-sublime for Sublime Text to help with consistent code formatting.
* Commit messages loosely adhere to these guidelines.
* Versioning adheres to Semver.
See releases for more info.
[npm-image]: https://badge.fury.io/js/grunt-combine-mq.svg
[npm-url]: https://npmjs.org/package/grunt-combine-mq
[travis-image]: https://travis-ci.org/frontendfriends/grunt-combine-mq.svg
[travis-url]: https://travis-ci.org/frontendfriends/grunt-combine-mq