Big update!Introducing GitHub Bot Commands. Learn more
Socket
Log inBook a demo

postcss-flexbugs-fixes

Package Overview
Dependencies
0
Maintainers
1
Versions
22
Issues
File Explorer

Advanced tools

postcss-flexbugs-fixes

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

    5.0.2latest

Version published
Maintainers
1
Weekly downloads
8,004,595
decreased by-11.35%

Weekly downloads

Changelog

Source

5.0.2

  • Moving postcss to peer dependencies #74

Readme

Source

PostCSS Flexbugs Fixes Build Status

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

bug 4

Input

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

Output

.foo { flex: 1 1; } .bar { flex: 1 1; } .foz { flex: 1 1; } .baz { flex: 1 1; }

bug 6

Input

.foo { flex: 1; }

Output

.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:

* { flex-shrink: 1; }

bug 8.1.a

Input

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

Output

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

Usage

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

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

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

See PostCSS docs for examples for your environment.

Keywords

FAQs

What is postcss-flexbugs-fixes?

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

Is postcss-flexbugs-fixes popular?

The npm package postcss-flexbugs-fixes receives a total of 7,594,107 weekly downloads. As such, postcss-flexbugs-fixes popularity was classified as popular.

Is postcss-flexbugs-fixes well maintained?

We found that postcss-flexbugs-fixes demonstrated a not healthy version release cadence and project activity because the last version was released a year ago.It has 1 open source maintainer collaborating on the project.

Last updated on 20 Nov 2020

Did you know?

Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.

Install Socket
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc