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 */
.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%;}

View file

@ -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; }

View file

@ -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%;
}
}

View file

@ -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%;}

View file

@ -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%;
}
}

View file

@ -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