# css-injector
Creates stylesheets out of strings
> NOTE: As of v1.1.0, css-injector is now a simple node module. It is no longer a "modified node module" (containing its own extra closure for use directly in a browser).
## Motivation
Bakes one or more baseline mandatory stylesheets into your JavaScript -- i.e., without having to depend on an external .css file. You supply css rules as strings and cssInjector creates `` elements and inserts them into your `...` element (wherever else you want).
## Synopsis
```javascript
cssInjector(stylesheet [ , id [ , refereneceElement ] ] );
```
where:
* `stylesheet` is a string _or_ a list of strings containing css rules.
* `id` is an optional string that will get assigned to the `` element to be inserted just before the given element. If omitted (or `undefined`), the new stylesheet is injected at top of `...` element. If `null`, it is inserted at the bottom of the `...` element.
## Example
```javascript
var stylesheet = [
'div {',
' background-color: red;',
' color: yellow;'
'}'
];
cssInjector(stylesheet);
```
### API documentation
Detailed API docs can be found [here](http://openfin.github.io/css-injector/css-injector.html).
### Demo
A demo can be found [here](http://openfin.github.io/css-injector/demo.html).
### CDN versions
To use in a browser, you have two options:
1. Incorporate the node module into your own browserified project.
2. Use the browserified versions [`css-injector.js`](http://openfin.github.io/css-injector/css-injector.js) or [`css-injector.min.js`](http://openfin.github.io/css-injector/css-injector.min.js) available on the Github pages CDN.
### Submodules
See the note [Regarding submodules](https://github.com/openfin/rectangular#regarding-submodules)
for important information on cloning this repo or re-purposing its build template.