Add a CSS <style> tag to the document's <head> node
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitignore
History.md
Readme.md
index.js
package.json
test.html

Readme.md

load-styles

Add a CSS <style> tag to the document's <head> node.

Adds the specified CSS string to the DOM.

Note: Don't use this if you're supporting IE9 and intend to insert a lot of styles.

Installation

$ npm install load-styles

API

loadStyles(String cssStr[, Document doc]) → <style>

Creates a <style> DOM node with the specified cssStr text injected into it. Then, the <style> node is inserted into the <head> element of the doc document instance. Finally, the DOM node is returned back to the user in case any further action is required on the node.

Example

<div id="foo">This div should be red.</div>
var loadStyles = require('load-styles');
loadStyles(
  '#foo {' +
  '  width: 100px;' +
  '  height: 100px;' +
  '  background-color: red;' +
  '  text-align: center;' +
  '  font-size: 9px;' +
  '}'
);

License

MIT