Security News
The Dark Side of Open Source
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
postcss-color-rebeccapurple
Advanced tools
Package description
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.
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;
}
Similar to postcss-color-rebeccapurple, postcss-color-gray is a PostCSS plugin that allows you to use the `gray()` function in your CSS. It transforms this function into a compatible color format.
This plugin extends CSS by allowing you to use hexadecimal notation with alpha channels for color definitions. It's similar to postcss-color-rebeccapurple in that it provides additional color definition options in CSS.
postcss-color-function is a plugin that processes CSS color functions based on the CSS Color Module Level 4 specification. It's more general than postcss-color-rebeccapurple, offering a wider range of color manipulation features.
Readme
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;
}
rebeccapurple
keywordIn 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 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:
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;
}
FAQs
Use the rebeccapurple color keyword in CSS
The npm package postcss-color-rebeccapurple receives a total of 5,914,392 weekly downloads. As such, postcss-color-rebeccapurple popularity was classified as popular.
We found that postcss-color-rebeccapurple demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 5 open source maintainers collaborating on the project.
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.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.
Security News
OpenJS is warning of social engineering takeovers targeting open source projects after receiving a credible attempt on the foundation.