Nitrogen Poisonous Monoxide

    postcss-plugin-color-functions

    1.2.0 • Public • Published

    postcss-plugin-color-functions

    PostCSS plugin to implement commonly used color functions, including ant-design's colorPalette function and SASS/compass color functions.

    Inspired, and modified from, postcss-color-function,postcss-sass-color-functions.

    Installation

    npm install postcss-plugin-color-functions

    Usage

    // dependencies
    var fs = require("fs")
    var postcss = require("postcss")
    var sassColorFunctions = require("postcss-plugin-color-functions")
     
    // css to be processed
    var css = fs.readFileSync("input.css", "utf8")
     
    // process css
    var output = postcss()
      .use(sassColorFunctions())
      .process(css)
      .css

    Using this input.css:

    body {
      background-color: mix(#255073#3c749e25%);
      color: colorPalette(#00a8545);
    }
     

    you will get:

    body {
      background-color: rgb(54, 107, 147);
      color: #3dbd7d;
    }

    Checkout tests.js for examples.

    Currently Supported functions

    • colorPalette(color, index)
    • mix(one, two, weight)
    • rgba(color, alpha)
    • darken(color, amount)
    • lighten(color, amount)
    • tint(color, amount)
    • shade(color, amount)

    Install

    npm i postcss-plugin-color-functions

    DownloadsWeekly Downloads

    1

    Version

    1.2.0

    License

    none

    Last publish

    Collaborators

    • cloudyan