Merge dd84c139a6 into f817dbfd7d

less/_01-base.less

@@ -323,7 +323,7 @@ img.left, img.right {
 /* .. use only when needed       */
 /* ----------------------------- */
 
-/* blocks widths (percentage and pixels) */
+/* blocks widths (percentage, pixels and auto) */
 .w10    { width: 10%; }
 .w20    { width: 20%; }
 .w25    { width: 25%; }
@@ -354,6 +354,7 @@ img.left, img.right {
 .w1140p  { width: 1140px; }
 .mw1140p { max-width: 1140px; }
 
+.wauto  { width: auto; }
 
 /* ----------------------------- */
 /* == spacing helpers            */
@@ -436,7 +437,7 @@ source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
 	.em(@h6-size);
 }
 
-/* haslayout for IE6/IE7 */
+/* hasLayout for IE6/IE7 */
 .ie67 .clearfix,
 .ie67 .line,
 .ie67 .mod,

less/_06-rwd.less

@@ -18,7 +18,6 @@
 
 	/* layouts for large (l) screens */
 	.large-hidden,
-	.tablet-hidden { display: none !important; }
 	.large-visible { display: block !important; }
 	.large-no-float {float: none; }
 	.large-inbl {
@@ -58,7 +57,7 @@
 
 @media (max-width: @smallscreen) {
 
-	/* quick tablet reset */
+	/* quick reset in small resolution and less */
 	.w600p,
 	.w700p,
 	.w800p,
@@ -69,9 +68,8 @@
 		float: none;
 	} 
 
-	/* layouts for medium (m) screens */
-	.small-hidden,
-	.tablet-hidden { display: none !important; }
+	/* layouts for small (s) screens */
+	.small-hidden { display: none !important; }
 	.small-visible { display: block !important; }
 	.small-no-float {float: none; }
 	.small-inbl {
@@ -134,7 +132,8 @@
 	}
 	.w300p,
 	.w400p,
-	.w500p {
+	.w500p,
+	.tiny-wauto {
 		width: auto;
 		float: none;
 	}
@@ -144,8 +143,7 @@
 	}
 
 	/* layouts for tiny (t) screens */
-	.tiny-hidden,
-	.phone-hidden { display: none !important; }
+	.tiny-hidden { display: none !important; }
 	.tiny-visible { display: block !important; }
 	.tiny-no-float {float: none;}
 	.tiny-inbl {

less/_07-flexbox.less

@@ -1,11 +1,12 @@
 
-/* flexbox layout */
+/* flexbox layout
+   Tutorial: http://knacss.com/demos/tutoriel.html#flex */
 .flex {
-	display : -webkit-box;
-	display : -moz-box;
+	display: -webkit-box;
+	display: -moz-box;
 	display: -ms-flexbox;
-	display : -webkit-flex;
-	display : flex;
+	display: -webkit-flex;
+	display: flex;
 }
 .flex-h {
 	-webkit-box-orient: horizontal;
@@ -31,24 +32,24 @@
 .flex-start {
 	-webkit-box-ordinal-group: -1;
 	-moz-box-ordinal-group: 0;
-	-ms-flex-order : -1;
-	-webkit-order : -1;
-	-moz-order : -1;
-	order : -1;
+	-ms-flex-order: -1;
+	-webkit-order: -1;
+	-moz-order: -1;
+	order: -1;
 }
 .flex-mid {
 	-webkit-box-ordinal-group: 1;
 	-moz-box-ordinal-group: 1;
-	-ms-flex-order : 1;
-	-webkit-order : 1;
-	-moz-order : 1;
-	order : 1;
+	-ms-flex-order: 1;
+	-webkit-order: 1;
+	-moz-order: 1;
+	order: 1;
 }
 .flex-end {
 	-webkit-box-ordinal-group: 42;
 	-moz-box-ordinal-group: 42;
-	-ms-flex-order : 42;
-	-webkit-order : 42;
-	-moz-order : 42;
-	order : 42;
+	-ms-flex-order: 42;
+	-webkit-order: 42;
+	-moz-order: 42;
+	order: 42;
 }