postcss-flexbugs-fixes
PostCSS plugin This project tries to fix all of flexbug's issues
Last updated 2 months ago by luisrudge .
MIT · Repository · Bugs · Original npm · Tarball
$ cnpm install postcss-flexbugs-fixes 
SYNC missed versions from official npm registry.

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.

Maintainers (1)
Downloads
Today 170
This Week 170
This Month 26,858
Last Day 428
Last Week 11,794
Last Month 47,890
Dependencies (1)
Dev Dependencies (4)
Dependents (2028)

Copyright 2014 - 2017 © taobao.org |