A altCSS: JavaScript-Based Style Sheets Preprocessor
You can publish your mixin, and also you can install awesome mixin via npm.
Using npm.
$ npm install -g jsss-compiler $ jsss style.js -o style.css
JSSS is a JavaScript
JSSS - style.js | CSS - style.css |
---|---|
tags.h1.color = 'red'; tags.h1.fontSize = '15px'; ids.foo.color = 'red'; ids.foo.fontSize = '15px'; ids.bar.color = 'blue'; ids.bar.fontSize = '10px'; classes.foo.all.color = 'red'; classes.foo.all.fontSize = '15px'; classes.bar.h1.color = 'blue'; classes.bar.h1.fontSize = '10px'; contextual(tags.ul, tags.li).color = 'red'; contextual(tags.ul, tags.li).fontSize = '10px'; |
h1 { color: red; font-size: 15px; } ul { color: red; font-size: 10px; } li { color: red; font-size: 10px; } #foo { color: red; font-size: 15px; } #bar { color: blue; font-size: 10px; } .foo { color: red; font-size: 15px; } h1.bar { color: blue; font-size: 10px; } |