postcss-hexrgba

PostCSS plugin that adds shorthand hex methods to rgba() values

Usage no npm install needed!

<script type="module">
  import postcssHexrgba from 'https://cdn.skypack.dev/postcss-hexrgba';
</script>

README

PostCSS HexRGBA

NPM version Downloads Build Status

PostCSS plugin that adds shorthand hex methods to rgba() values.

Part of Rucksack - CSS Superpowers

Input

.foo {
  color: rgba(#0fab53, 0.8)
}

.bar {
  background: linear-gradient(rgba(#fff, .1), rgba(#fff, .2));
}

Output

.foo {
  color: rgba(15,171,83, 0.8)
}

.bar {
  background: linear-gradient(rgba(255,255,255, .1), rgba(255,255,255, .2));
}

Usage

postcss([ require('postcss-hexrgba') ])

See PostCSS docs for examples for your environment.


MIT © Sean King