A calc() plugin for Rework
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
.gitignore
.travis.yml
History.md
LICENSE
README.md
index.js
package.json

README.md

rework-calc Build Status

A Rework plugin to support calc(). Particularly useful with the rework-vars

Installation

npm install rework-calc

Use

As a Rework plugin:

var rework = require('rework');
var calc = require('rework-calc');

var css = rework(cssString).use(calc).toString();

Supported feature

This simply add calc() support, a feature to do simple calculations. This can be particularly useful with the rework-vars plugin.

Note: When multiple units are mixed together in the same expression, the calc() statement is left as is, to fallback to the CSS3 calc feature.

Example (with rework-vars enabled as well):

:root {
  --main-font-size: 16px;
}

body {
  font-size: var(--main-font-size);
}

h1 {
  font-size: calc(var(--main-font-size) * 2);
  height: calc(100px - 2em);
}

yields:

body {
  font-size: 16px
}

h1 {
  font-size: 32px;
  height: calc(100px - 2em)
}

See unit tests for another example.

Unit tests

Make sure the dev-dependencies are installed, and then run:

npm test

License

MIT