PostCSS RebeccaPurple lets you use the rebeccapurple color keyword in CSS.

.heading {
  color: rebeccapurple;
}

/* becomes */

.heading {
  color: #639;
}

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.

Add PostCSS RebeccaPurple to your project:

npm install postcss-color-rebeccapurple --save-dev

Use PostCSS RebeccaPurple to process your CSS:

const postcssRebeccaPurple = require('postcss-color-rebeccapurple');

postcssRebeccaPurple.process(YOUR_CSS /*, processOptions, pluginOptions */);

Or 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:

The preserve option determines whether the original rebeccapurple keyword is preserved. By default, it is not preserved.

postcssRebeccaPurple({ preserve: true })

.heading {
  color: rebeccapurple;
}

/* becomes */

.heading {
  color: #639;
  color: rebeccapurple;
}