Socket
Socket
Sign inDemoInstall

postcss-color-rebeccapurple

Package Overview
Dependencies
6
Maintainers
5
Versions
23
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

postcss-color-rebeccapurple

Use the rebeccapurple color keyword in CSS


Version published
Maintainers
5
Weekly downloads
4,984,591
decreased by-14.69%
Bundle size
2.2 kB
Minified + gzipped

Weekly downloads

Package description

What is postcss-color-rebeccapurple?

The postcss-color-rebeccapurple package is a PostCSS plugin that allows you to use the `rebeccapurple` color keyword in your CSS, which is then transformed into the equivalent hexadecimal color code `#639`. This plugin is part of the PostCSS ecosystem, which is a tool for transforming CSS with JavaScript plugins.

What are postcss-color-rebeccapurple's main functionalities?

Transform `rebeccapurple` keyword to hexadecimal

This code demonstrates how you can use the `rebeccapurple` keyword in your CSS. When processed by postcss-color-rebeccapurple, it will be transformed into the hexadecimal color `#639`.

css
.post {
  color: rebeccapurple;
}

Other packages similar to postcss-color-rebeccapurple

Readme

Source

PostCSS RebeccaPurple PostCSS Logo

npm version Build Status Discord

Baseline Status CSS Standard Status

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

Keywords

FAQs

Last updated on 19 Feb 2024

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc