postcss-hexrgba
Version:
PostCSS plugin that adds shorthand hex methods to rgba() values
50 lines (35 loc) • 1.12 kB
Markdown
# PostCSS HexRGBA
[![NPM version][npm-badge]][npm-url] [![Downloads][downloads-badge]][npm-url] [![Build Status][travis-badge]][travis-url]
[PostCSS][PostCSS] plugin that adds shorthand hex methods to rgba() values.
_Part of [Rucksack - CSS Superpowers](https://www.rucksackcss.org/)_
**Input**
```css
.foo {
color: rgba(#0fab53, 0.8)
}
.bar {
background: linear-gradient(rgba(#fff, .1), rgba(#fff, .2));
}
```
**Output**
```css
.foo {
color: rgba(15,171,83, 0.8)
}
.bar {
background: linear-gradient(rgba(255,255,255, .1), rgba(255,255,255, .2));
}
```
## Usage
```js
postcss([ require('postcss-hexrgba') ])
```
See [PostCSS][PostCSS] docs for examples for your environment.
***
MIT © [Sean King](https://twitter.com/seaneking)
[npm-badge]: https://badge.fury.io/js/postcss-hexrgba.svg
[npm-url]: https://npmjs.org/package/postcss-hexrgba
[downloads-badge]: https://img.shields.io/npm/dm/postcss-hexrgba.svg
[travis-badge]: https://travis-ci.org/seaneking/postcss-hexrgba.svg?branch=master
[travis-url]: https://travis-ci.org/seaneking/postcss-hexrgba
[PostCSS]: https://github.com/postcss/postcss