1.4.2 • Published 9 years ago

js-managed-css v1.4.2

Weekly downloads
605
License
MIT
Repository
github
Last release
9 years ago

js-managed-css

build status dependency status

Define and insert CSS via javascript. This also generates unique class and id names automatically. Handy when using virtual-dom (or react) inline css as your primary styling.

var jsCss = require("js-managed-css");

var btn_height = 10;

var vars = jsCss({
  ".$btn": {
    "color": "blue",
    "height": btn_height + "px",
    ":hover": {
      "color": "red"
    },
    "&.active": {
      "color": "yello"
    }
  },
  "#$nav": {
    "> .$link": {
      "margin": "0 auto"
    }
  }
});

//At this point your css was compiled and inserted into the DOM
//"vars" is an object where the keys are your variable names and
//the values are the generated names

//now in your rendering code you can use variables from your css 
h("a." + vars.btn, "click me")

Why?

Modular css code that lives right next to the js code that depends on it.

License

MIT

1.4.2

9 years ago

1.4.1

10 years ago

1.4.0

10 years ago

1.3.0

10 years ago

1.2.0

10 years ago

1.1.2

10 years ago

1.1.1

10 years ago

1.1.0

10 years ago

1.0.0

10 years ago