diff --git a/less/_01-base.less b/less/_01-base.less index 44d4c9d..9da380d 100644 --- a/less/_01-base.less +++ b/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, diff --git a/less/_06-rwd.less b/less/_06-rwd.less index 804c4f2..44c2c52 100644 --- a/less/_06-rwd.less +++ b/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 { diff --git a/less/_07-flexbox.less b/less/_07-flexbox.less index 80f65f5..e577f03 100644 --- a/less/_07-flexbox.less +++ b/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; } \ No newline at end of file