Nanoseconds Produce Minutes
    Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    rework-calcpublic

    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

    install

    npm i rework-calc

    Downloadsweekly downloads

    373

    version

    1.1.0

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar