PostCSS plugin to transform hcl() color to compatible CSS (#hex or rgba()).
$ npm install postcss-color-hcl
// 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.
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