npmpackage.info

Gathering detailed insights and metrics for postcss-merge-rules-plus

postcss-merge-rules-plus

2.0.0

MIT

TypeScript

95.76 kB

60,365 2.5

Installations

npm install postcss-merge-rules-plus

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Min. Node Version

>=12.0.0

Node Version

16.13.1

NPM Version

8.1.2 Pull Requests

Open

0

Total

1

Closed

1

Issues

Open

0

Total

1

Closed

1

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

View All 1 Contributors

Languages

TypeScript

TypeScript (100%)

validate.email 🚀

Verify real, reachable, and deliverable emails with instant MX records, SMTP checks, and disposable email detection.

Developer

heyymarco

Download Statistics

Total Downloads

60,365

Last Day

Last Week

Last Month

285

Last Year

19,211

GitHub Statistics

MIT License

2 Stars

4 Commits

4 Forks

1 Watchers

1 Branches

1 Contributors

Updated on Apr 19, 2024

Bundle Size

1.12 MB

Minified

95.76 kB

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

2.0.0

Package Id

postcss-merge-rules-plus@2.0.0

Unpacked Size

46.41 kB

Size

13.07 kB

File Count

NPM Version

8.1.2

Node Version

16.13.1

Total Downloads

Cumulative downloads

Total Downloads

60,365

Last Day

-4.8%

Compared to previous day

Last Week

35%

Compared to previous week

Last Month

-17.4%

285

Compared to previous month

Last Year

-35.7%

19,211

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

postcss-merge-rules-plus

PostCSS plugin for combining css rules (selectors) that have fully/partially identical declarations.

Features

Combines selectors with fully identical rules.
Combines selectors with partially identical rules.
Combines selectors with the same selector declaration.

Example

Input

1.a { position: absolute; display: block; color: red; background: pink; }
2.b { position: absolute; display: block; }
3.c { position: absolute; display: inline; color: red; background: pink; opacity: 0.5; }
4.d { position: absolute; display: block; opacity: 0.5; z-index: 2; text-align: center; }

Output

1.a, .b, .c, .d { position: absolute; }
2.a, .b, .d { display: block; }
3.a, .c { color: red; background: pink; }
4.c, .d { opacity: 0.5; }
5.c { display: inline; }
6.d { z-index: 2; text-align: center; }

Usage

Step 1: Install plugin:

1npm install --save-dev postcss postcss-merge-rules-plus

Step 2: Check you project for existed PostCSS config: postcss.config.js in the project root, "postcss" section in package.json or postcss in bundle config.

If you do not use PostCSS, add it according to official docs and set this plugin in settings.

Step 3: Add the plugin to plugins list:

1module.exports = {
2  plugins: [
3+   require('postcss-merge-rules-plus'),
4    require('autoprefixer')
5  ]
6}

Usage

1import { src, dest } from 'gulp';
2import gutil         from 'gulp-util';
3import postcss       from 'gulp-postcss';
4import mergeRulePlus from 'postcss-merge-rules-plus';
5
6
7
8src('test3.css')
9.pipe(
10    postcss(/*plugins:*/[
11        mergeRulePlus()
12    ])
13)
14.on('error', gutil.log)
15.pipe(dest('test/'))
16;

Please Support Us

A lot of coffee has been spent for making this plugins. Please buy me a cup of coffee to support me continue to develop & improve this application. Visit: ko-fi.com

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

No vulnerabilities found.

10

Binary-Artifacts

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

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

0

Code-Review

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

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

SAST

Determines if the project uses static code analysis.

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

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

2.5

/10

Last Scanned on 2025-03-10

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

postcss-merge-rules-plus

Installations

Developer Guide

Yes

CommonJS

>=12.0.0

16.13.1

8.1.2

Pull Requests

0

1

1

Issues

0

1

1

Releases

Unable to fetch releases

Contributors

Unable to fetch Contributors

Languages

validate.email 🚀

Developer

heyymarco

Download Statistics

GitHub Statistics

Bundle Size

1.12 MB

95.76 kB

Maintainers

Package Meta Information

Total Downloads

60,365

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

postcss-merge-rules-plus

Features

Example

Input

Output

Usage

Usage

Please Support Us

Contributing

License

10

10

10

0

0

0

0

0

0

0

0

0

0

2.5

/10