From 74cc6f27ba08d4da268f2443d12b5d3dcc35c95e Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sun, 13 Oct 2013 10:50:39 +0200 Subject: [PATCH] Version 2.9 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Petit ménage répétition inutile Fix font-size iOS version LESS Grilles et typo Changer la licence de KNACSS Conserver le commentaire de présentation de licence Correction grid reponsive classes manquantes version LESS (largeurs de blocs) --- css/grids.css | 6 +++++- css/knacss.css | 30 ++++++++++++++---------------- less/01-base.less | 33 +++++++++++++++++++++------------ less/02-grids.less | 6 +++++- less/06-rwd.less | 8 -------- less/knacss.less | 7 ++++--- 6 files changed, 49 insertions(+), 41 deletions(-) diff --git a/css/grids.css b/css/grids.css index 6100220..9bc9b48 100644 --- a/css/grids.css +++ b/css/grids.css @@ -5,7 +5,10 @@ /* grids inspired from SUIT https://github.com/suitcss/suit */ -.grid {overflow: hidden;} +.grid { + overflow: hidden; + font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; +} .grid > * { display: block; padding: 0; @@ -30,6 +33,7 @@ word-spacing: normal; text-rendering: auto; *display: inline; *zoom: 1; /* IE67 hack */ + font-family: helvetica, arial, sans-serif; } .grid2 > * {width: 50%;} .grid3 > * {width: 33.333%;} diff --git a/css/knacss.css b/css/knacss.css index a4d03ec..450830c 100644 --- a/css/knacss.css +++ b/css/knacss.css @@ -1,6 +1,6 @@ -/* -* www.KNACSS.com V2.8b (2013-09) @author: Raphael Goetter, Alsacreations -* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ +/*! +* www.KNACSS.com V2.9 (2013-10) @author: Raphael Goetter, Alsacreations +* Licence WTFPL http://www.wtfpl.net/ */ /* ----------------------------- */ @@ -87,10 +87,7 @@ h6, .h6-like { /* soft reset */ html, -body, -textarea, -figure, -label { +body { margin: 0; padding: 0; } @@ -118,11 +115,6 @@ em { strong { font-weight: bold; } -i, -b { - font-style: normal; - font-weight: normal; -} kbd { padding: 0 2px; border: 1px solid #999; @@ -147,7 +139,6 @@ sup { sub { top: .5ex; } - table { margin-bottom: 1.5em; } /* avoid top margins on first content element */ @@ -180,13 +171,20 @@ img, table, td, blockquote, code, pre, textarea, input, video { } /* pictures */ img { - height: auto; vertical-align: middle; } -/* Gmap3 bug fix on images */ +/* Google Gmap3 bug fix on images */ +:not(.gm-style) img { + heigth: auto !important; +} +.ie678 .gm-style img { + height: 100%; /* IE678 hack */ +} .gm-style img, .gmnoscreen img, -.gmnoprint img {max-width: none !important;} +.gmnoprint img { + max-width: none !important; +} a img { border: 0; } diff --git a/less/01-base.less b/less/01-base.less index 149dae2..58441bf 100644 --- a/less/01-base.less +++ b/less/01-base.less @@ -73,10 +73,7 @@ h6, .h6-like { /* soft reset */ html, -body, -textarea, -figure, -label { +body { margin: 0; padding: 0; } @@ -104,11 +101,6 @@ em { strong { font-weight: bold; } -i, -b { - font-style: normal; - font-weight: normal; -} kbd { padding: 0 2px; border: 1px solid #999; @@ -148,13 +140,20 @@ img, table, td, blockquote, code, pre, textarea, input, video { /* pictures */ img { - height: auto; vertical-align: middle; } -/* Gmap3 max-width bug fix on images */ +/* Google Gmap3 bug fix on images */ +:not(.gm-style) img { + heigth: auto !important; +} +.ie678 .gm-style img { + height: 100%; /* IE678 hack */ +} .gm-style img, .gmnoscreen img, -.gmnoprint img {max-width: none !important;} +.gmnoprint img { + max-width: none !important; +} a img { border: 0; } @@ -288,6 +287,8 @@ img.left, img.right { .w800p { width: 800px; } .w960p { width: 960px; } .mw960p { max-width: 960px; } +.w1140p { width: 1140px; } +.mw1140p { max-width: 1140px; } /* spacing helpers p,m = padding,margin @@ -416,4 +417,12 @@ source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css .knacss-debug { background: pink; outline: 3px solid maroon; +} + +/* orientation iOS font-size fix */ +@media (orientation: landscape) and (max-device-width: @smallscreen) { + html, + body { + -webkit-text-size-adjust: 100%; + } } \ No newline at end of file diff --git a/less/02-grids.less b/less/02-grids.less index 3de97d4..a06cd38 100644 --- a/less/02-grids.less +++ b/less/02-grids.less @@ -1,7 +1,10 @@ /* grids inspired from SUIT https://github.com/suitcss/suit */ -.grid {overflow: hidden;} +.grid { + overflow: hidden; + font-family: @fontstack3; +} .grid > * { display: block; padding: 0; @@ -26,6 +29,7 @@ word-spacing: normal; text-rendering: auto; *display: inline; *zoom: 1; /* IE67 hack */ + font-family: @fontstack1; } .grid2 > * {width: 50%;} .grid3 > * {width: 33.333%;} diff --git a/less/06-rwd.less b/less/06-rwd.less index 5f7e14a..804c4f2 100644 --- a/less/06-rwd.less +++ b/less/06-rwd.less @@ -188,11 +188,3 @@ /* margins for tiny (t) screens */ .tiny-ma0 { margin: 0 !important; } } - -/* orientation iOS font-size fix */ -@media (orientation: landscape) and (max-device-width: @smallscreen) { - html, - body { - -webkit-text-size-adjust: 100%; - } -} \ No newline at end of file diff --git a/less/knacss.less b/less/knacss.less index 51fbbed..325ab7a 100644 --- a/less/knacss.less +++ b/less/knacss.less @@ -1,6 +1,6 @@ -/* -* www.KNACSS.com V2.8b (2013-09) @author: Raphael Goetter, Alsacreations -* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ +/*! +* www.KNACSS.com V2.9 (2013-10) @author: Raphael Goetter, Alsacreations +* Licence WTFPL http://www.wtfpl.net/ */ // LESS values : adapt them to your design @@ -15,6 +15,7 @@ @gutter : 20px; // gutter value (%, px, em, rem, etc) for grid layouts @fontstack1 : helvetica, arial, sans-serif; // common font @fontstack2 : consolas, 'DejaVu Sans Mono', courier, monospace; // monospace font +@fontstack3 : FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; // universal stack // LESS mixins : don't touch or you'll be banned ;) // px to em/rem