rpm-mcarman b9f7ec4306 First Commit		3年前
..
bugs	First Commit	3年前
node_modules	First Commit	3年前
CHANGELOG.md	First Commit	3年前
LICENSE	First Commit	3年前
README.md	First Commit	3年前
index.js	First Commit	3年前
package.json	First Commit	3年前

PostCSS Flexbugs Fixes

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

bug 4

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

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

.foo { flex: 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:

* {
    flex-shrink: 1;
}

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

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

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.