Awesome
JSSS-Compiler
A altCSS: JavaScript-Based Style Sheets Preprocessor
Badges
Original
http://www.w3.org/Submission/1996/1/WD-jsss-960822
Install
Using npm.
$ npm install -g jsss-compiler
Confirm.
$ jsss -h
Usage:
jsss style.js Compile JSSS to stdout
jsss style.js -o style.css Compile JSSS to file
Options:
-h, --help Print this message
-o, --out Output to single file
-e, --encoding JSSS File encoding (default: utf8)
-v, --version Print jsss-compiler version
Example
style.js
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';
Compile
$ jsss style.js -o style.css
style.css
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;
}