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

    rework-plugin-functionpublic

    rework-plugin-function

    Build Status

    function() plugin for rework, formerly included in core

    Add user-defined CSS functions.

    For example create black(0.5) shortcut, to replace long rgba(0, 0, 0, 0.5).

    var rework = require('rework'),
    var reworkFunction = require('rework-plugin-function');
     
    var css = rework(css)
      .use(reworkFunction({ black: black }))
      .toString()
     
    function black(opacity) {
      return 'rgba(0, 0, 0, ' + opacity + ')';
    }

    User code will receive CSS arguments and replace user-defined function by returned code.

    input {
      box-shadow: 0 0 5px black(0.7);
    }

    yields:

    input {
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    }

    Nested functions works well too:

    var css = rework(css)
      .use(reworkFunction({
        subtract: function(a, b) { return a - b },
        multiply: function(a, b) { return a * b },
        divide: function(a, b) { return a / b },
        floor: Math.floor
      }))
    .toString()
    input {
      top: divide(subtract(30, floor(multiply(2010))), 2);
    }

    Would yield:

    input {
      top: -85;
    }

    install

    npm i rework-plugin-function

    Downloadsweekly downloads

    29,493

    version

    1.0.2

    license

    MIT

    repository

    github.com

    last publish

    collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar