epiphany/node_modules/postcss-color-rebeccapurple
2023-12-09 22:48:07 -08:00
..
dist stylelint/eleventy config 2023-12-09 22:48:07 -08:00
CHANGELOG.md stylelint/eleventy config 2023-12-09 22:48:07 -08:00
LICENSE.md stylelint/eleventy config 2023-12-09 22:48:07 -08:00
package.json stylelint/eleventy config 2023-12-09 22:48:07 -08:00
README.md stylelint/eleventy config 2023-12-09 22:48:07 -08:00

PostCSS RebeccaPurple PostCSS Logo

npm version CSS Standard Status Build Status Discord

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

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