Syllabus/themes/piratecare/node_modules/postcss-functions
Marcell Mars c832f9bfdb hugo stuff... 2020-03-05 05:10:52 +01:00
..
dist hugo stuff... 2020-03-05 05:10:52 +01:00
node_modules/postcss hugo stuff... 2020-03-05 05:10:52 +01:00
CHANGELOG.md hugo stuff... 2020-03-05 05:10:52 +01:00
LICENSE hugo stuff... 2020-03-05 05:10:52 +01:00
README.md hugo stuff... 2020-03-05 05:10:52 +01:00
package.json hugo stuff... 2020-03-05 05:10:52 +01:00

README.md

postcss-functions Build Status

PostCSS plugin for exposing JavaScript functions.

Installation

npm install postcss-functions

Usage

var fs = require('fs');
var postcss = require('postcss');
var functions = require('postcss-functions');

var options = {
	//options
};

var css = fs.readFileSync('input.css', 'utf8');

postcss()
  .use(functions(options))
  .process(css)
  .then(function (result) {
    var output = result.css;
  });

Example of a function call:

body {
	prop: foobar();
}

Options

functions

Type: Object

An object containing functions. The function name will correspond with the object key.

Example:

var color = require('css-color-converter');
require('postcss-functions')({
    functions: {
        darken: function (value, frac) {
           var darken = 1 - parseFloat(frac);
           var rgba = color(value).toRgbaArray();
           var r = rgba[0] * darken;
           var g = rgba[1] * darken;
           var b = rgba[2] * darken;
           return color([r,g,b]).toHexString();
        }
    }
});
.foo {
    /* make 10% darker */
    color: darken(blue, 0.1);
}

glob

Type: string|string[]

Loads files as functions based on one or more glob patterns. The function name will correspond with the file name.

Example:

require('postcss-functions')({
	glob: path.join(__dirname, 'functions', '*.js')
});