Layouts: cross-browser compatibility for flex.

Author: evoluteur

less/variables.less

@@ -37,17 +37,21 @@
 
 // mixins
 .border-radius(@r){
-  border-radius: @r;
-  -moz-border-radius: @r;
-  -webkit-border-radius: @r;
+	border-radius: @r;
+	-moz-border-radius: @r;
+	-webkit-border-radius: @r;
 }
 .flex-holder(){
-    display: flex;
-    flex-wrap: wrap;
+	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
+	display: -ms-flexbox;      /* TWEENER - IE 10 */
+	display: -webkit-flex;     /* NEW - Chrome */
+	display: flex;
+	flex-wrap: wrap;
 }
 .flex-item(){
-    box-sizing: border-box;
-    flex-grow: 1;
+	box-sizing: border-box;
+	flex-grow: 1;
 }
 
 .panel-top-bar(){