hobostyle
v1.0.0
Published
Dynamic CSS for your web page!!!
Downloads
920
Readme
Hobo Style
Dynamic CSS for your web page!!!
How to use?
Assuming you're using browserify:
npm install hobostyle
Then
var hobostyle = require('hobostyle');
var mystyle = hobostyle.style('body { background-color: blue; }');
Then later,
mystyle.set('body { background-color: red; }');
API
Style
var mystyle = hobostyle.style(css);
This will create a new <style>
element in your <head>
containing css
.
mystyle.set(newCss);
This will replace the original css with newCss
, in the same <style>
element.
mystyle.remove();
Will remove the style element.
Link
var mystyle = hobostyle.link(cssUrl);
This will create a new <link type="stylesheet" href="...">
element in your <head>
linking to cssUrl
.
mystyle.set(newCssUrl);
This will set the href to newCssUrl
.
mystyle.remove();
Will remove the style element.