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:
parent
dbda2a53c9
commit
74cc6f27ba
6 changed files with 49 additions and 41 deletions
|
@ -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%;}
|
||||||
|
|
|
@ -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; }
|
||||||
|
|
||||||
|
|
|
@ -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
|
||||||
|
@ -416,4 +417,12 @@ source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
|
||||||
.knacss-debug {
|
.knacss-debug {
|
||||||
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%;
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -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%;}
|
||||||
|
|
|
@ -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%;
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -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
|
||||||
|
|
Loading…
Reference in a new issue