Fork me on GitHub

jsss-compiler

A altCSS: JavaScript-Based Style Sheets Preprocessor


Everything is a module

You can publish your mixin, and also you can install awesome mixin via npm.


Easy to use

Using npm.

$ npm install -g jsss-compiler
$ jsss style.js -o style.css

Easy to Learn

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;
}
NPM Version MIT LICENSE Build Status
Made by @watilde