search

madebysource / lesshat

Smart LESS CSS mixins library.
lesshat.com
MIT License
2.19k stars 258 forks source link

justify-content is missing for iPad Safari and IE10 #96

Closed yoohahn closed 10 years ago

yoohahn commented 10 years ago

When using .justify-content(flex-end); lesshat will generate; -webkit-box-pack: flex-end; -moz-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: flex-end; justify-content: flex-end;

But this is not correct since IE10 is using the old implementation for justifycontent and Safari on iPad needs to be prefixed different. So I end-up having to write; -ms-flex-pack: end; //IE10 -webkit-justify-content: flex-end; //iPad Safari .justify-content(flex-end); //Lesshat.

This gives me the output; -ms-flex-pack: end; -webkit-justify-content: flex-end; -webkit-box-pack: flex-end; -moz-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: flex-end; justify-content: flex-end; and this works for all platforms and versions that I have been testing on.

yoohahn commented 10 years ago

Also found that .align-self() is missing -ms-flex-item-align for IE10

petrbrzek commented 10 years ago

Fixed in 3.0.