Socket
Socket
Sign inDemoInstall

postcss-color-hex-alpha

Package Overview
Dependencies
6
Maintainers
5
Versions
23
Alerts
File Explorer

Advanced tools

Install Socket

Protect your apps from supply chain attacks

Install

postcss-color-hex-alpha

Use 4 & 8 character hex color notation in CSS

    9.0.4latest
    GitHub
    npm

Version published
Maintainers
5
Weekly downloads
6,117,899
increased by2.3%

Weekly downloads

Readme

Source

PostCSS Color Hex Alpha PostCSS Logo

npm version Build Status Discord

Baseline Status CSS Standard Status

npm install postcss-color-hex-alpha --save-dev

PostCSS Color Hex Alpha lets you use 4 & 8 character hex color notation in CSS, following the CSS Color Module specification.

body {
	background: #9d9c;
}

/* becomes */

body {
	background: rgba(153,221,153,0.8);
}

Usage

Add PostCSS Color Hex Alpha to your project:

npm install postcss postcss-color-hex-alpha --save-dev

Use it as a PostCSS plugin:

const postcss = require('postcss');
const postcssColorHexAlpha = require('postcss-color-hex-alpha');

postcss([
	postcssColorHexAlpha(/* pluginOptions */)
]).process(YOUR_CSS /*, processOptions */);

PostCSS Color Hex Alpha 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.

postcssColorHexAlpha({ preserve: true })
body {
	background: #9d9c;
}

/* becomes */

body {
	background: rgba(153,221,153,0.8);
	background: #9d9c;
}

Keywords

FAQs

Last updated on 19 Feb 2024

Did you know?

Socket installs a GitHub app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the 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