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
parent
dbda2a53c9
commit
74cc6f27ba
@ -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%;}
|
||||
|
||||
@ -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; }
|
||||
|
||||
|
||||
@ -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%;
|
||||
}
|
||||
}
|
||||
@ -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%;}
|
||||
|
||||
@ -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%;
|
||||
}
|
||||
}
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user