Have ideas to improve npm?Join in the discussion! »

    rework-plugin-function

    1.0.2 • Public • Published

    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

    41,481

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar