lightfold
Version:
lightweight scaffolding and archiving utility CLI.
93 lines (67 loc) • 2.5 kB
Markdown
[![NPM Version][npm-img]][npm-url]
[![CSS Standard Status][css-img]][css-url]
[![Build Status][cli-img]][cli-url]
[![Support Chat][git-img]][git-url]
[] lets you use 4 & 8 character hex color notation in
CSS, following the [CSS Color Module] specification.
```pcss
body {
background:
}
/* becomes */
body {
background: rgba(153, 221, 153, 0.8);
}
```
Add [PostCSS Color Hex Alpha] to your project:
```bash
npm install postcss-color-hex-alpha --save-dev
```
Use [PostCSS Color Hex Alpha] to process your CSS:
```js
const postcssColorHexAlpha = require('postcss-color-hex-alpha');
postcssColorHexAlpha.process(YOUR_CSS /*, processOptions, pluginOptions */);
```
Or use it as a [PostCSS] plugin:
```js
const postcss = require('postcss');
const postcssColorHexAlpha = require('postcss-color-hex-alpha');
postcss([
postcssColorHexAlpha(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
```
[] runs in all Node environments, with special instructions for:
| [Node](INSTALL.md
| --- | --- | --- | --- | --- | --- |
The `preserve` option determines whether 4 & 8 character hex color notation
should be preserved in their original form. By default, these are not preserved.
```js
postcssColorHexAlpha({
preserve: true
});
```
```pcss
body {
background:
}
/* becomes */
body {
background: rgba(153, 221, 153, 0.8);
background:
}
```
[]: https://img.shields.io/travis/postcss/postcss-color-hex-alpha.svg
[]: https://travis-ci.org/postcss/postcss-color-hex-alpha
[]: https://cssdb.org/badge/hexadecimal-alpha-notation.svg
[]: https://cssdb.org/#hexadecimal-alpha-notation
[]: https://img.shields.io/badge/support-chat-blue.svg
[]: https://gitter.im/postcss/postcss
[]: https://img.shields.io/npm/v/postcss-color-hex-alpha.svg
[]: https://www.npmjs.com/package/postcss-color-hex-alpha
[]: https://github.com/postcss/postcss
[]: https://github.com/postcss/postcss-color-hex-alpha
[]: https://www.w3.org/TR/css-color-4/#hex-notation