npmpackage.info

Gathering detailed insights and metrics for postcss-browser-comments

postcss-browser-comments

PostCSS Tools and Plugins

6.0.1

960

MIT-0

CSS

832.00 B

776,088,028 5.9

Installations

npm install postcss-browser-comments

Developer Guide

BETA

Typescript

Yes

Module System

ESM

Min. Node Version

>=18

Node Version

22.1.0

NPM Version

10.7.0 Score

93.7

Supply Chain

94.6

Quality

81.6

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

3

Total

1,197

Closed

165

Merged

1,029

Issues

Open

6

Total

357

Closed

351

Releases

Unable to fetch releases

Languages

CSS

JavaScript

TypeScript

HTML

Nunjucks

Shell

SCSS

CSS (43.36%)

JavaScript (30.33%)

TypeScript (22.68%)

HTML (3.06%)

Nunjucks (0.48%)

Shell (0.1%)

Developer

csstools

Download Statistics

Total Downloads

776,088,028

Last Day

547,335

Last Week

3,053,803

Last Month

13,047,099

Last Year

159,461,812

GitHub Statistics

MIT-0 License

960 Stars

4,266 Commits

75 Forks

9 Watchers

4 Branches

130 Contributors

Updated on May 09, 2025

Bundle Size

1.54 kB

Minified

832.00 B

Minified + Gzipped

Bundlephobia

Sponsor this package

https://github.com/sponsors/csstools https://opencollective.com/csstools

Maintainers

View All 130 Contributors

Package Meta Information

Latest Version

6.0.1

Package Id

postcss-browser-comments@6.0.1

Unpacked Size

8.07 kB

Size

3.16 kB

File Count

NPM Version

10.7.0

Node Version

22.1.0

Published on

Sep 25, 2024

Total Downloads

Cumulative downloads

Total Downloads

776,088,028

Peer Dependencies

browserslist postcss

PostCSS Browser Comments

npm install postcss-browser-comments --save-dev

PostCSS Browser Comments lets you keep only the CSS you need based on comments and your browserslist.

1/**
2 * Prevent adjustments of font size after orientation changes in IE and iOS.
3 */
4
5html {
6  -ms-text-size-adjust: 100%;
7  -webkit-text-size-adjust: 100%;
8}
9
10/* becomes */
11
12

The comment and rule above would be removed with the following browserslist:

1last 2 chrome versions

The rule below would be more carefully altered:

1/**
2 * 1. Add the correct box sizing in Firefox.
3 * 2. Show the overflow in Edge and IE.
4 */
5
6hr {
7  box-sizing: content-box; /* 1 */
8  height: 0; /* 1 */
9  overflow: visible; /* 2 */
10}
11
12/* with a `last 2 firefox versions` browserslist becomes */
13
14/**
15 * 1. Add the correct box sizing in Firefox.
16 * 2. Show the overflow in Edge and IE.
17 */
18
19hr {
20  box-sizing: content-box; /* 1 */
21  height: 0; /* 1 */
22}

Usage

Add PostCSS Browser Comments to your project:

1npm install postcss postcss-browser-comments --save-dev

Use it as a PostCSS plugin:

1const postcss = require('postcss');
2const postcssBrowserComments = require('postcss-browser-comments');
3
4postcss([
5	postcssBrowserComments(/* pluginOptions */)
6]).process(YOUR_CSS /*, processOptions */);

Options

browsers

The browsers option overrides of the project’s browserslist.

1postcssBrowserComments({ browsers: 'last 2 versions' })

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Security-Policy

Determines if the project has published a security policy.

10

Dangerous-Workflow

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

10

License

Determines if the project has defined a license.

10

Binary-Artifacts

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

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

7

SAST

Determines if the project uses static code analysis.

3

Branch-Protection

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

3

Pinned-Dependencies

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

Reason

dependency not pinned by hash detected -- score normalized to 3

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:33: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql.yml:42: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/codeql.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-preset-env.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/deploy-preset-env.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/deploy-preset-env.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/deploy-preset-env.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/labeler.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/labeler.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/lint.yml:20: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/lint.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/test.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/test.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/csstools/postcss-plugins/test.yml/main?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/test.yml:98
Info: 0 out of 11 GitHub-owned GitHubAction dependencies pinned
Info: 6 out of 7 npmCommand dependencies pinned

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

CII-Best-Practices

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

0

Fuzzing

Determines if the project uses fuzzing.

Score

5.9

/10

Last Scanned on 2025-05-05

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

Other packages similar to postcss-browser-comments

Other packages similar to postcss-browser-comments

postcss-browser-comments

Installations

Developer Guide

Yes

ESM

>=18

22.1.0

10.7.0

Score

Pull Requests

3

1,197

165

1,029

Issues

6

357

351

Releases

Unable to fetch releases

Languages

Developer

Download Statistics

GitHub Statistics

Bundle Size

1.54 kB

832.00 B

Sponsor this package

Maintainers

Package Meta Information

Total Downloads

776,088,028

Peer Dependencies

PostCSS Browser Comments

Usage

Options

browsers

10

10

10

10

10

10

7

3

3

0

0

0

0

5.9

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads