postcss-color-hex-alpha

PostCSS plugin to transform W3C RGBA hexadecimal notations (#RRGGBBAA or #RGBA) to more compatible CSS (rgba()).

Installation

$ npm install postcss-color-hex-alpha

Usage

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

Using this input.css:

body {
  background: #9d9c
}
 

you will get:

body {
  background: rgba(153, 221, 153, 0.8)
}

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/postcss/postcss-color-hex-alpha.git
$ git checkout -b patch-1
$ npm install
$ npm test

Changelog

License

postcss-color-hex-alpha npm cdn at unpkg