Fix flex-basis, flex-grow and flex-shrink for IE10 by adding -ms-flex-preferred-size, -ms-flex-positive and -ms-flex-negative

stylus / nib

Stylus mixins, utilities, components, and gradient image generation

http://stylus.github.io/nib

MIT License

1.91k stars 249 forks source link

Fix flex-basis, flex-grow and flex-shrink for IE10 by adding -ms-flex-preferred-size, -ms-flex-positive and -ms-flex-negative #299

Open alexzel opened 9 years ago

alexzel commented 9 years ago

IE 10 uses the following format for flex property:

-ms-flex: <positive-flex> <negative-flex> <preferred-size>

And single props for each argument: -ms-flex-positive, -ms-flex-negative and -ms-flex-preferred-size (there is no flex-grow, flex-shrink and flex-basis in IE 10). I can't find an original ms doc for them, but I have tested and they are exist in IE10 and work for me. Also, for example, in autoprefixer-core they're used too for flex-basis, flex-grow and flex-shrink.

ghost commented 8 years ago

+1 for this!

toantrongnguyen commented 5 years ago

+1 Thank you so much!

Wooody82 commented 5 years ago

Thank you @alexzel for that 👍