Skip to content
This repository has been archived by the owner on Feb 18, 2022. It is now read-only.

postcss/postcss-color-rebeccapurple

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
⚠️ PostCSS Color RebeccaPurple was moved to @csstools/postcss-plugins. ⚠️
Read the announcement

PostCSS RebeccaPurple PostCSS

npm version CSS Standard Status Build Status Support Chat

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

.heading {
  color: rebeccapurple;
}

/* becomes */

.heading {
  color: #639;
}

'Can I use' table

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

Node PostCSS CLI Webpack Create React App Gulp Grunt

preserve

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

About

PostCSS plugin to transform rebeccapurple color to rgb()

Resources

License

Stars

Watchers

Forks

Packages

No packages published