❤
npm
Sign UpSign In

hobostyle

1.0.0 • Public • Published

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.

Dependencies (0)

    Dev Dependencies (0)

      Package Sidebar

      Install

      npm i hobostyle

      Repository

      github.com/featurist/hobostyle

      Homepage

      github.com/featurist/hobostyle

      Weekly Downloads

      199

      Version

      1.0.0

      License

      BSD-2-Clause

      Last publish

      Collaborators

      • refractalize
      Try on RunKit
      Report malware