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:

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;
}

Current Tags

8.0.2 ... latest (2 years ago)