npmpackage.info

Gathering detailed insights and metrics for postcss-flexbugs-fixes

postcss-flexbugs-fixes

PostCSS plugin that tries to fix all of flexbug's issues

5.0.2

751

MIT

JavaScript

669.00 B

1,718,667,532 2.1

Installations

npm install postcss-flexbugs-fixes

Pull Requests

Open

3

Total

45

Closed

20

Merged

22

Issues

Open

5

Total

47

Closed

42

Releases

5.0.2

Published on 01 Mar 2022

5.0.0

Published on 31 Oct 2020

View all 2 releases

Developer

luisrudge

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

14.4.0

NPM Version

6.14.8 Statistics

751 Stars

76 Commits

35 Forks

11 Watching

4 Branches

13 Contributors

Updated on 06 Oct 2024

Bundle Size

1.43 kB

Minified

669.00 B

Minified + Gzipped

Bundlephobia

Languages

JavaScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

1,718,667,532

Last day

-5.9%

927,389

Compared to previous day

Last week

1.1%

5,223,296

Compared to previous week

Last month

2.6%

22,343,323

Compared to previous month

Last year

-28.6%

289,332,854

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

postcss

Dev Dependencies

chai gulp gulp-eslint gulp-mocha

Versions

PostCSS Flexbugs Fixes

PostCSS plugin This project tries to fix all of flexbug's issues.

bug 4

Input

1.foo { flex: 1; }
2.bar { flex: 1 1; }
3.foz { flex: 1 1 0; }
4.baz { flex: 1 1 0px; }

Output

1.foo { flex: 1 1; }
2.bar { flex: 1 1; }
3.foz { flex: 1 1; }
4.baz { flex: 1 1; }

bug 6

Input

1.foo { flex: 1; }

Output

1.foo { flex: 1 1 0%; }

This only fixes css classes that have the flex property set. To fix elements that are contained inside a flexbox container, use this global rule:

1* {
2    flex-shrink: 1;
3}

bug 8.1.a

Input

1.foo { flex: 1 0 calc(1vw - 1px); }

Output

1.foo {
2  flex-grow: 1;
3  flex-shrink: 0;
4  flex-basis: calc(1vw - 1px);
5}

Usage

1postcss([require('postcss-flexbugs-fixes')]);

You can also disable bugs individually, possible keys bug4, bug6 and bug8a.

1var plugin = require('postcss-flexbugs-fixes');
2postcss([plugin({ bug6: false })]);

See PostCSS docs for examples for your environment.

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 2024-11-25

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-flexbugs-fixes

Other packages similar to postcss-flexbugs-fixes

postcss-flexbugs-fixes

Installations

Pull Requests

3

45

20

22

Issues

5

47

42

Releases

Developer

luisrudge

Developer Guide

CommonJS

No

14.4.0

6.14.8

Statistics

Bundle Size

1.43 kB

669.00 B

Languages

Total Downloads

1,718,667,532

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

PostCSS Flexbugs Fixes

bug 4

Input

Output

bug 6

Input

Output

bug 8.1.a

Input

Output

Usage

10

10

3

0

0

0

0

0

0

0

2.1

/10