Use 4 & 8 character hex color notation in CSS. 

Use 4 & 8 character hex color notation in CSS

jonathantneal

alaguna

moox

semigradsky

romainmenke

postcss-color-hex-alpha

- Improved `es module` and `commonjs` compatibility

- Removed Sourcemaps from package tarball.

- Moved CLI to CLI Package. See [announcement](https://github.com/csstools/postcss-plugins/discussions/121).

- Changed: now uses `postcss-value-parser` for parsing.

- Updated: PostCSS Values Parser to v8 (major).

- Added missing `exports` to `package.json`

- Added missing `types` to `package.json`

- Added bundling & testing as prepublish step.

- Updated: `postcss-values-parser` to 3.2.0 (major).

- Updated: Node support to 10.0.0 (major).

- Updated: Feature to use new percentage syntax.

- Removed: Support for the removed `gray()` function.

- Fixed: Issue with SVG hashes being interpretted as hex colors

- Updated: `postcss-values-parser` to 2.0.1 (patch)

- Updated: PostCSS Values Parser 2 (patch for this project)

- Fixed: Issue correclty calculating each channel

- Removed: compatiblity with postcss v4.x

- Added: compatibility with postcss v4.1.x

([#3](https://github.com/postcss/postcss-color-hex-alpha/pull/3))

Initial release from [postcss-color](https://github.com/postcss/postcss-color)

  "description": "Use 4 & 8 character hex color notation in CSS",

  "author": "Jonathan Neal <jonathantneal@hotmail.com>",

  "homepage": "https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-hex-alpha#readme",

  "bugs": "https://github.com/csstools/postcss-plugins/issues",

    "build": "rollup -c ../../rollup/default.js",

    "clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",

    "lint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",

    "prepublishOnly": "npm run clean && npm run build && npm run test",

    "stryker": "stryker run --logLevel error",

    "test": "postcss-tape --ci && npm run test:exports",

    "test:exports": "node ./test/_import.mjs && node ./test/_require.cjs"

    "url": "https://github.com/csstools/postcss-plugins.git",

    "directory": "plugins/postcss-color-hex-alpha"

# PostCSS Color Hex Alpha [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS" width="90" height="90" align="right">][postcss]

[![CSS Standard Status][css-img]][css-url]

[<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]

[PostCSS Color Hex Alpha] lets you use 4 & 8 character hex color notation in

CSS, following the [CSS Color Module] specification.

[!['Can I use' table](https://caniuse.bitsofco.de/image/css-rrggbbaa.png)](https://caniuse.com/#feat=css-rrggbbaa)

Add [PostCSS Color Hex Alpha] to your project:

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

Use [PostCSS Color Hex Alpha] as a [PostCSS] plugin:

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

  postcssColorHexAlpha(/* pluginOptions */)

]).process(YOUR_CSS /*, processOptions */);

[PostCSS Color Hex Alpha] runs in all Node environments, with special instructions for:

The `preserve` option determines whether 4 & 8 character hex color notation

should be preserved in their original form. By default, these are not preserved.

[cli-img]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml/badge.svg

[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test

[css-img]: https://cssdb.org/badge/hexadecimal-alpha-notation.svg

[css-img]: https://cssdb.org/images/badges/hexadecimal-alpha-notation.svg

[css-url]: https://cssdb.org/#hexadecimal-alpha-notation

[git-img]: https://img.shields.io/badge/support-chat-blue.svg

[git-url]: https://gitter.im/postcss/postcss

[npm-img]: https://img.shields.io/npm/v/postcss-color-hex-alpha.svg

[npm-url]: https://www.npmjs.com/package/postcss-color-hex-alpha

[PostCSS]: https://github.com/postcss/postcss

[PostCSS Color Hex Alpha]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-hex-alpha

[CSS Color Module]: https://www.w3.org/TR/css-color-4/#hex-notation

		# Changes to PostCSS Color Hex Alpha

		### 8.0.3 (February 5, 2022)

		- Improved `es module` and `commonjs` compatibility

		### 8.0.2 (January 2, 2022)
		@@ -4,0 +8,0 @@

		{
		"name": "postcss-color-hex-alpha",
		"version": "8.0.2",
		"version": "8.0.3",
		"description": "Use 4 & 8 character hex color notation in CSS",
		@@ -15,2 +15,9 @@ "author": "Jonathan Neal <jonathantneal@hotmail.com>",
		"types": "index.d.ts",
		"exports": {
		".": {
		"import": "./dist/index.mjs",
		"require": "./dist/index.cjs",
		"default": "./dist/index.mjs"
		}
		},
		"files": [
		@@ -43,3 +50,3 @@ "CHANGELOG.md",
		"peerDependencies": {
		"postcss": "^8.3"
		"postcss": "^8.4"
		},
		@@ -46,0 +53,0 @@ "keywords": [

Fixed alerts

Improved metrics

Worsened metrics

		@@ -6,3 +6,3 @@ # PostCSS Color Hex Alpha [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS" width="90" height="90" align="right">][postcss]
		[![Build Status][cli-img]][cli-url]
		[![Support Chat][git-img]][git-url]
		[<img alt="Discord" src="https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white">][discord]

		@@ -78,6 +78,5 @@ [PostCSS Color Hex Alpha] lets you use 4 & 8 character hex color notation in
		[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test
		[css-img]: https://cssdb.org/badge/hexadecimal-alpha-notation.svg
		[css-img]: https://cssdb.org/images/badges/hexadecimal-alpha-notation.svg
		[css-url]: https://cssdb.org/#hexadecimal-alpha-notation
		[git-img]: https://img.shields.io/badge/support-chat-blue.svg
		[git-url]: https://gitter.im/postcss/postcss
		[discord]: https://discord.gg/bUadyRwkJS
		[npm-img]: https://img.shields.io/npm/v/postcss-color-hex-alpha.svg
		@@ -84,0 +83,0 @@ [npm-url]: https://www.npmjs.com/package/postcss-color-hex-alpha