PostCSS Simple Color Functions

PostCSS plugin for manipulating color transformations.

.foo {
    color: colors(#23bc98 darken(0.5);
    background-color: colors(#23bc98 brighten(1.2);
}

.foo {
    color: #00a381;
    background-color: #71fad3;
}

.foo {
    color: colors(#23bc98 rgb);
}

.foo {
    color: rgb(35,188,152);
}

.foo {
    color: colors(#23bc98 brightness(20%));
    background-color: colors(#23bc98 brightness(-20%));
}

.foo {
    color: #58e3bd;
    background-color: #009675;
}

Installation

Add [PostCSS Simple Color Functions] to your build tool.

npm install postcss postcss-simple-color-functions --save-dev

or

yarn add postcss postcss-simple-color-functions --dev

Usage

postcss([ require('postcss-simple-color-functions') ])

See PostCSS docs for examples for your environment.