PostCSS plugin to transform hcl() color to compatible CSS (#hex or rgba()).
Installation
$ npm install postcss-color-hcl
Usage
// dependencies var fs = require("fs") var postcss = require("postcss") var colorHcl = require("postcss-color-hcl") // css to be processed var css = fs.readFileSync("input.css", "utf8") // process css var output = postcss() .use(colorHcl()) .process(css) .css
Using this input.css:
body { color: hcl(21, 70%, 50%, 0.5); background: hcl(0, 0%, 50%); }
you will get:
body { color: rgba(221, 52, 80, 0.5); background: rgb(119, 119, 119); }
Checkout tests for more examples.
Contributing
Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.
$ git clone https://github.com/devgru/postcss-color-hcl.git
$ git checkout -b patch-1
$ npm install
$ npm test