https://github.com/postcss/postcss-color-rebeccapurple
PostCSS plugin to transform rebeccapurple color to rgb()
https://github.com/postcss/postcss-color-rebeccapurple
Last synced: 4 months ago
JSON representation
PostCSS plugin to transform rebeccapurple color to rgb()
- Host: GitHub
- URL: https://github.com/postcss/postcss-color-rebeccapurple
- Owner: postcss
- License: cc0-1.0
- Archived: true
- Created: 2014-09-28T06:45:42.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2022-02-18T13:02:00.000Z (almost 4 years ago)
- Last Synced: 2024-10-29T13:49:56.606Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 137 KB
- Stars: 62
- Watchers: 6
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
README
# PostCSS RebeccaPurple [
][postcss]
[
][npm-url]
[
][css-url]
[
][cli-url]
[
][git-url]
[PostCSS RebeccaPurple] lets you use the `rebeccapurple` color keyword in CSS.
```pcss
.heading {
color: rebeccapurple;
}
/* becomes */
.heading {
color: #639;
}
```
[](https://caniuse.com/#feat=css-rebeccapurple)
## About the `rebeccapurple` keyword
In 2014, Rebecca Alison Meyer, the daughter of [Eric A. Meyer](https://en.wikipedia.org/wiki/Eric_A._Meyer), an American web design consultant best known for his advocacy work on behalf of CSS, passed away of a brain tumor at six years of age.
In her memory, the hex color `#663399` is named `rebeccapurple` and [added to the CSS Colors list](https://lists.w3.org/Archives/Public/www-style/2014Jun/0312.html).
## Usage
Add [PostCSS RebeccaPurple] to your project:
```bash
npm install postcss-color-rebeccapurple --save-dev
```
Use **PostCSS RebeccaPurple** to process your CSS:
```js
const postcssRebeccaPurple = require('postcss-color-rebeccapurple');
postcssRebeccaPurple.process(YOUR_CSS /*, processOptions, pluginOptions */);
```
Or use it as a [PostCSS] plugin:
```js
const postcss = require('postcss');
const postcssRebeccaPurple = require('postcss-color-rebeccapurple');
postcss([
postcssRebeccaPurple(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);
```
**PostCSS RebeccaPurple** runs in all Node environments, with special instructions for:
| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Create React App](INSTALL.md#create-react-app) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |
| --- | --- | --- | --- | --- | --- |
### preserve
The `preserve` option determines whether the original `rebeccapurple` keyword
is preserved. By default, it is not preserved.
```js
postcssRebeccaPurple({ preserve: true })
```
```pcss
.heading {
color: rebeccapurple;
}
/* becomes */
.heading {
color: #639;
color: rebeccapurple;
}
```
[cli-url]: https://github.com/postcss/postcss-color-rebeccapurple/actions/workflows/test.yml?query=workflow/test
[css-url]: https://cssdb.org/#rebeccapurple-color
[git-url]: https://gitter.im/postcss/postcss
[npm-url]: https://www.npmjs.com/package/postcss-color-rebeccapurple
[PostCSS]: https://github.com/postcss/postcss
[PostCSS RebeccaPurple]: https://github.com/postcss/postcss-color-rebeccapurple