PostCSS Flexbugs Fixes [![Build Status][ci-img]][ci]

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

bug 4

$3

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

$3

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

bug 6

$3

`css
.foo { flex: 1; }
`

$3

`css
.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:
`css
* {
flex-shrink: 1;
}
`

bug 8.1.a

$3

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

$3

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

Usage

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

You can also disable bugs individually, possible keys bug4, bug6 and bug8a.
`js
var plugin = require('postcss-flexbugs-fixes');
postcss([plugin({ bug6: false })]);
``

See [PostCSS] docs for examples for your environment.

[postcss]: https://github.com/postcss/postcss
[ci-img]: https://travis-ci.org/luisrudge/postcss-flexbugs-fixes.svg
[ci]: https://travis-ci.org/luisrudge/postcss-flexbugs-fixes