rework-variant

v0.2.2
Another take on variables in Rework.
rework css variables var vars

Rework Variant

A new take on variables for Rework.

Installation

Install with npm:

npm install rework-variant

Usage

Variant = require('rework-variant');
Rework(txt).use(Variant());

Without namespacing:

$variables {
  red: #f00;
  blue: #00f;
}

background {
  background-color: $red;
  color: $blue;
}

Yields:

body {
  background-color: #f00;
  color: #00f;
}

With namespacing:

$colors {
  red: #f00;
  blue: #00f;
}

$margin {
  left: 20px;
  right: 200px;
}

body {
  background-color: $color.red;
  color: $color.blue;
  margin: 0 $margin.left 0 $margin.right;
}

Yields:

body {
  background-color: #f00;
  color: #00f;
  margin: 0 20px 0 200px;
}

License

MIT

npm i rework-variant

Metadata

  • MIT
  • Whatever
  • Simon Ljungberg
  • released 8/20/2013

Downloads

Maintainers