Javascript CSS Preprocessor

README.md

Why?

Existing CSS preprocessors kinda suck:

• Values cannot be easily shared between javascript and CSS, sometimes resulting in duplication
• They're not suited to doing complicated computation. Want to do trigonometry in SASS? Not super easy. Moreover, writing
• Modules don't exist for library code.

How?

NAME is a domain specific language embedded in javascript that compiles to CSS.

mutating.js

import { set, decl } from 'foo';

set(class('foo'), () => {
  decl.textAlign('center');
  decl.padding(1, 0, 0);
});

pure.js

import { rule, decl } from 'foo';

export default rule(class('foo'), [
  decl.textAlign('center'),
  decl.padding(1, 0, 0),
])