npmpackage.info

Gathering detailed insights and metrics for postcss-color-rgba-fallback

postcss-color-rgba-fallback - 4.0.0 | npmpackage.info

postcss-color-rgba-fallback

PostCSS plugin to transform rgba() to hexadecimal.

4.0.0

MIT

JavaScript

22.40 kB

94,036,693 2.1

Installations

npm install postcss-color-rgba-fallback

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

12.13.1

NPM Version

6.12.1 Score

98.2

Supply Chain

98.4

Quality

79.4

Maintenance

Vulnerability

100

License

Pull Requests

Open

5

Total

22

Closed

6

Merged

11

Issues

Open

1

Total

15

Closed

14

Releases

Unable to fetch releases

Languages

JavaScript

JavaScript (100%)

Developer

postcss

Download Statistics

Total Downloads

94,036,693

Last Day

8,054

Last Week

129,997

Last Month

565,180

Last Year

7,404,534

GitHub Statistics

MIT License

50 Stars

42 Commits

8 Forks

9 Watchers

5 Branches

20 Contributors

Updated on Jan 25, 2023

Bundle Size

80.74 kB

Minified

22.40 kB

Minified + Gzipped

Bundlephobia

Maintainers

View All 20 Contributors

Package Meta Information

Latest Version

4.0.0

Package Id

postcss-color-rgba-fallback@4.0.0

Size

3.40 kB

NPM Version

6.12.1

Node Version

12.13.1

Published on

Jan 22, 2020

Total Downloads

Cumulative downloads

Total Downloads

94,036,693

Last Day

-11.9%

8,054

Compared to previous day

Last Week

-6.3%

129,997

Compared to previous week

Last Month

-1.7%

565,180

Compared to previous month

Last Year

-2.4%

7,404,534

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

postcss postcss-value-parser rgb-hex

Dev Dependencies

css-whitespace eslint tap-spec tape

postcss-color-rgba-fallback

PostCSS plugin to transform rgba() to hexadecimal.

Installation

1$ npm install postcss-color-rgba-fallback

Usage

1// dependencies
2var fs = require("fs")
3var postcss = require("postcss")
4var colorRgbaFallback = require("postcss-color-rgba-fallback")
5
6// css to be processed
7var css = fs.readFileSync("input.css", "utf8")
8
9// process css
10var output = postcss()
11  .use(colorRgbaFallback())
12  .process(css)
13  .css

Using this input.css:

1body {
2  background: rgba(153, 221, 153, 0.8);
3  border: solid 1px rgba(100,102,103,.3);
4}
5

you will get:

1body {
2  background: #99DD99;
3  background: rgba(153, 221, 153, 0.8);
4  border: solid 1px #646667;
5  border: solid 1px rgba(100,102,103,.3);
6}

Node.js options

postcss-color-rgba-fallback accepts options

`properties`

default: [ "background-color", "background", "color", "border", "border-color", "outline", "outline-color ]

Allows you to specify your whitelist of properties. This option enables adding a fallback for one or a properties list

`oldie`

default: false

Set to true to enable the option and to get fallback for ie8

`backgroundColor`

default: null

Allows you to specify a background color to use as a base alpha matte.

Instead of cutting off the alpha channel it will blend the foreground and background.

Expects an array of rgb values:

1  "backgroundColor": [255, 1, 1]

Checkout tests for more examples.

Contributing

Work on a branch, install dev-dependencies, respect coding style & run tests before submitting a bug fix or a feature.

$ git clone https://github.com/postcss/postcss-color-rgba-fallback.git
$ git checkout -b patch-1
$ npm install
$ npm test

Changelog

License

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

3

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.1

/10

Last Scanned on 2025-06-23

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More