https://github.com/benignware/grunt-css-wrap
Wrap CSS rules in a namespace
https://github.com/benignware/grunt-css-wrap
Last synced: 11 months ago
JSON representation
Wrap CSS rules in a namespace
- Host: GitHub
- URL: https://github.com/benignware/grunt-css-wrap
- Owner: benignware
- License: mit
- Created: 2014-05-23T20:19:10.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2016-11-13T17:48:00.000Z (over 9 years ago)
- Last Synced: 2025-07-06T08:43:18.456Z (12 months ago)
- Language: JavaScript
- Homepage:
- Size: 154 KB
- Stars: 5
- Watchers: 3
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# grunt-css-wrap
> Wrap CSS rules in a namespace
## Getting Started
This plugin requires Grunt `~0.4.5`
If you haven't used [Grunt](http://gruntjs.com/) before, be sure to check out the [Getting Started](http://gruntjs.com/getting-started) guide, as it explains how to create a [Gruntfile](http://gruntjs.com/sample-gruntfile) as well as install and use Grunt plugins. Once you're familiar with that process, you may install this plugin with this command:
```shell
npm install grunt-css-wrap --save-dev
```
Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:
```js
grunt.loadNpmTasks('grunt-css-wrap');
```
## The "css_wrap" task
### Overview
In your project's Gruntfile, add a section named `css_wrap` to the data object passed into `grunt.initConfig()`.
```js
grunt.initConfig({
css_wrap: {
options: {
// Task-specific options go here.
},
your_target: {
// Target-specific file lists and/or options go here.
},
},
});
```
### Options
#### options.selector
Type: `String`
Default value: `''`
The selector of the css-wrapper
### Usage Examples
#### Default Options
Wrap all rules in a css-file with a certain selector.
```js
css_wrap: {
compile: {
src: 'src/styles.css',
dest: 'build/styles.css',
options: {
selector: '.my-app'
}
}
}
```
## Contributing
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](http://gruntjs.com/).
## Release History
- 0.1.3: Fixed wrong dependency for module css-wrap.
- 0.1.2: Moved business to separate module [css-wrap](https://github.com/benignware/css-wrap)
- 0.1.1: Updated to enable processing of media queries