Version 2.9

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)
This commit is contained in:
Raphael Goetter 2013-10-13 10:50:39 +02:00
parent dbda2a53c9
commit 74cc6f27ba
6 changed files with 49 additions and 41 deletions

View file

@ -5,7 +5,10 @@
/* grids inspired from SUIT https://github.com/suitcss/suit */ /* 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 > * { .grid > * {
display: block; display: block;
padding: 0; padding: 0;
@ -30,6 +33,7 @@
word-spacing: normal; word-spacing: normal;
text-rendering: auto; text-rendering: auto;
*display: inline; *zoom: 1; /* IE67 hack */ *display: inline; *zoom: 1; /* IE67 hack */
font-family: helvetica, arial, sans-serif;
} }
.grid2 > * {width: 50%;} .grid2 > * {width: 50%;}
.grid3 > * {width: 33.333%;} .grid3 > * {width: 33.333%;}

View file

@ -1,6 +1,6 @@
/* /*!
* www.KNACSS.com V2.8b (2013-09) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V2.9 (2013-10) @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ * Licence WTFPL http://www.wtfpl.net/
*/ */
/* ----------------------------- */ /* ----------------------------- */
@ -87,10 +87,7 @@ h6, .h6-like {
/* soft reset */ /* soft reset */
html, html,
body, body {
textarea,
figure,
label {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -118,11 +115,6 @@ em {
strong { strong {
font-weight: bold; font-weight: bold;
} }
i,
b {
font-style: normal;
font-weight: normal;
}
kbd { kbd {
padding: 0 2px; padding: 0 2px;
border: 1px solid #999; border: 1px solid #999;
@ -147,7 +139,6 @@ sup {
sub { sub {
top: .5ex; top: .5ex;
} }
table { margin-bottom: 1.5em; } table { margin-bottom: 1.5em; }
/* avoid top margins on first content element */ /* avoid top margins on first content element */
@ -180,13 +171,20 @@ img, table, td, blockquote, code, pre, textarea, input, video {
} }
/* pictures */ /* pictures */
img { img {
height: auto;
vertical-align: middle; 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, .gm-style img,
.gmnoscreen img, .gmnoscreen img,
.gmnoprint img {max-width: none !important;} .gmnoprint img {
max-width: none !important;
}
a img { border: 0; } a img { border: 0; }

View file

@ -73,10 +73,7 @@ h6, .h6-like {
/* soft reset */ /* soft reset */
html, html,
body, body {
textarea,
figure,
label {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -104,11 +101,6 @@ em {
strong { strong {
font-weight: bold; font-weight: bold;
} }
i,
b {
font-style: normal;
font-weight: normal;
}
kbd { kbd {
padding: 0 2px; padding: 0 2px;
border: 1px solid #999; border: 1px solid #999;
@ -148,13 +140,20 @@ img, table, td, blockquote, code, pre, textarea, input, video {
/* pictures */ /* pictures */
img { img {
height: auto;
vertical-align: middle; 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, .gm-style img,
.gmnoscreen img, .gmnoscreen img,
.gmnoprint img {max-width: none !important;} .gmnoprint img {
max-width: none !important;
}
a img { border: 0; } a img { border: 0; }
@ -288,6 +287,8 @@ img.left, img.right {
.w800p { width: 800px; } .w800p { width: 800px; }
.w960p { width: 960px; } .w960p { width: 960px; }
.mw960p { max-width: 960px; } .mw960p { max-width: 960px; }
.w1140p { width: 1140px; }
.mw1140p { max-width: 1140px; }
/* spacing helpers /* spacing helpers
p,m = padding,margin p,m = padding,margin
@ -417,3 +418,11 @@ source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
background: pink; background: pink;
outline: 3px solid maroon; outline: 3px solid maroon;
} }
/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: @smallscreen) {
html,
body {
-webkit-text-size-adjust: 100%;
}
}

View file

@ -1,7 +1,10 @@
/* grids inspired from SUIT https://github.com/suitcss/suit */ /* grids inspired from SUIT https://github.com/suitcss/suit */
.grid {overflow: hidden;} .grid {
overflow: hidden;
font-family: @fontstack3;
}
.grid > * { .grid > * {
display: block; display: block;
padding: 0; padding: 0;
@ -26,6 +29,7 @@
word-spacing: normal; word-spacing: normal;
text-rendering: auto; text-rendering: auto;
*display: inline; *zoom: 1; /* IE67 hack */ *display: inline; *zoom: 1; /* IE67 hack */
font-family: @fontstack1;
} }
.grid2 > * {width: 50%;} .grid2 > * {width: 50%;}
.grid3 > * {width: 33.333%;} .grid3 > * {width: 33.333%;}

View file

@ -188,11 +188,3 @@
/* margins for tiny (t) screens */ /* margins for tiny (t) screens */
.tiny-ma0 { margin: 0 !important; } .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%;
}
}

View file

@ -1,6 +1,6 @@
/* /*!
* www.KNACSS.com V2.8b (2013-09) @author: Raphael Goetter, Alsacreations * www.KNACSS.com V2.9 (2013-10) @author: Raphael Goetter, Alsacreations
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/ * Licence WTFPL http://www.wtfpl.net/
*/ */
// LESS values : adapt them to your design // LESS values : adapt them to your design
@ -15,6 +15,7 @@
@gutter : 20px; // gutter value (%, px, em, rem, etc) for grid layouts @gutter : 20px; // gutter value (%, px, em, rem, etc) for grid layouts
@fontstack1 : helvetica, arial, sans-serif; // common font @fontstack1 : helvetica, arial, sans-serif; // common font
@fontstack2 : consolas, 'DejaVu Sans Mono', courier, monospace; // monospace 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 ;) // LESS mixins : don't touch or you'll be banned ;)
// px to em/rem // px to em/rem