1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
|
# 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 rbga() values.
_Part of [Rucksack - CSS Superpowers](http://simplaio.github.io/rucksack)_
**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
|
