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;
}
|