rave-load-css

Adds css style sheet loading to rave.js based on file extensions.

By default, rave-load-css loads and injects a style sheet when it detects the following file extension:

css

You can change this list by adding a loadCss rave env property. For example, to detect ".less" and ".css-theme" extensions, add the following to your app's bower.json or package.json:

1{
2	"rave": {
3		"env": {
4			"loadCss": {
5				"extensions": [ "less", "css-theme" ]
6			}
7		}
8	}
9}

Usage

Importing a css stylsheet is easy. Just import it as if it were a module.

For CommonJS/node-formatted modules (or AMD-wrapped CommonJS):

1var overrides = require('./override-theme.css');
2overrides.insertRule('p { text-weight: 200; }', overrides.rules.length);

For classic AMD modules:

1define(['./override-theme.css'], function (overrides) {
2	overrides.insertRule('p { text-weight: 200; }', overrides.rules.length);
3});

For ES6-formatted modules:

1import overrides from './override-theme.css';
2// ...
3overrides.insertRule('p { text-weight: 200; }', overrides.rules.length);