Generate pixel fallbacks for rem units with Grunt.
npm install grunt-pixrem> Generate pixel fallbacks for rem units with Grunt.
This plugin requires Grunt ~0.4.0
If you haven't used Grunt before, be sure to check out the Getting Started guide which 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 the command:
``shell`
npm install grunt-pixrem --save-dev
After the plugin has been installed, load it in your Gruntfile with:
`js`
grunt.loadNpmTasks('grunt-pixrem');
_Run this task with the grunt pixrem command._
Grunt-pixrem is a CSS post-processor that generates CSS with pixel fallbacks or replacements for rem units. Check the browser data: if you want to use rem units and support < IE9, Opera Mini, or older Opera Mobile, this post-processor is for you.
For the node library, see node-pixrem.
#### rootvalue
Type: String 16px
Default:
The root element font size. Can be px, rem, em, percent, or unitless pixel value.
#### replace
Type: Boolean false
Default:
Replace rules containing rems instead of adding fallbacks. Useful if you are generating a no-rem only stylesheet.
`js`
grunt.initConfig({
pixrem: {
options: {
rootvalue: '1.75em'
},
dist: {
src: 'app/css/main.css',
dest: 'dist/main.css'
}
});
`js``
grunt.initConfig({
pixrem: {
options: {
rootvalue: '85%',
replace: true
},
dist: {
src: 'app/css/main.css',
dest: 'dist/main.css'
}
});
Report bugs and feature proposals in the Github issue tracker. Run tests with Grunt. In lieu of a formal styleguide, take care to maintain the existing coding style.
0.1.1, Dec 15, 2013: Copy improvements.
0.1.0, Dec 15, 2013: Initial release.
