PostCSS Ie Flex Basis Default Auto

PostCSS plugin that finds all -ms-flex: <number> [number] declarations (e.g. from autoprefixer) and appends -ms-flex-preferred-size: auto to the rule, overriding the problematic 0px flex basis in IE. Note that 0px and auto are not the same, but this is still the better fallback for almost all cases. This is also a very specific thing for a very specific project and is probably bad so don't use it.

.foo {
    /* Input example */
    -ms-flex: 1;
    flex: 1;
}

.foo {
  /* Output example */
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: auto;
}

Usage

postcss([ require('postcss-ie-flex-basis-default-auto') ])

See PostCSS docs for examples for your environment.