postcss-color-rebeccapurple (7.1.1)
Published 2026-02-24 14:02:49 +00:00 by atheaadmin
Installation
registry=npm install postcss-color-rebeccapurple@7.1.1"postcss-color-rebeccapurple": "7.1.1"About this package
PostCSS RebeccaPurple 
PostCSS RebeccaPurple lets you use the rebeccapurple color keyword in CSS.
.heading {
color: rebeccapurple;
}
/* becomes */
.heading {
color: #639;
}
About the rebeccapurple keyword
In 2014, Rebecca Alison Meyer, the daughter of 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.
Usage
Add PostCSS RebeccaPurple to your project:
npm install postcss postcss-color-rebeccapurple --save-dev
Use it as a PostCSS plugin:
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 | PostCSS CLI | Webpack | Create React App | Gulp | Grunt |
|---|
Options
preserve
The preserve option determines whether the original notation
is preserved. By default, it is not preserved.
postcssRebeccaPurple({ preserve: true })
.heading {
color: rebeccapurple;
}
/* becomes */
.heading {
color: #639;
color: rebeccapurple;
}
Dependencies
Dependencies
| ID | Version |
|---|---|
| postcss-value-parser | ^4.2.0 |
Peer Dependencies
| ID | Version |
|---|---|
| postcss | ^8.2 |
Keywords
becca
color
colors
css
csswg
eric
meyer
postcss
postcss-plugin
purple
rebecca
rgb
syntax
w3c