grunt-oldie-rem

grunt-oldie-rem v.0.1.4

Auto create css files with rem replacements for old ie versions with media-queries

For media queries on old IE version, see https://github.com/scottjehl/Respond

Getting Started

This plugin requires Grunt ~0.4.2

If 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:

npm install grunt-oldie-rem --save-dev

Once the plugin has been installed, it may be enabled inside your Gruntfile with this line of JavaScript:

grunt.loadNpmTasks('grunt-oldie-rem');

The "oldie_rem" task

Overview

In your project's Gruntfile, add a section named oldie_rem to the data object passed into grunt.initConfig().

grunt.initConfig({
	oldie_rem: {
		dist: {
			src: "css/app.css",
			dest: "css/ie.css"
		}
	}
});

Options

There is no option for now.

Usage Examples

Default Options

Assuming you have two CSS file with lots of rem properties (modern_css.css and modern_app.css), and you want to create a CSS file with fallbacks px properties, use this example :

grunt.initConfig({
	oldie_rem: {
		a_task: {
			files: {
				'dest/lt_ie9.css': ['src/modern_app.css', 'src/modern_css.css'],
			},
		}
	}
});

Contributing

You have an idea to improve this script ? Go ahead, I'll be very happy of that !

Release History

v. 0.1.0 : Initial commit and publishing

v. 0.1.1 : Fix for multiples output files

v. 0.1.2 : Add tests and fix default tasks

v. 0.1.3 : Add travis to test build

v. 0.1.4 : Workaround for ".-5rem" (bug in used parser).