postcss-ie-flex-basis-default-auto

PostCSS plugin that finds all `-ms-flex: <number>` declarations (e.g. from autoprefixer) and appends `-ms-flex-preferred-size: auto` to the rule, overriding the problematic 0px flex basis in IE.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
postcss-ie-flex-basis-default-auto
000.0.35 years ago5 years agoMinified + gzip package size for postcss-ie-flex-basis-default-auto in KB

Readme

PostCSS Ie Flex Basis Default Auto !Build Statusci-imgci
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.