minor .grid corrections
issue : https://github.com/raphaelgoetter/KNACSS/issues/32
This commit is contained in:
parent
85d6f9154c
commit
528e4f0fb1
3 changed files with 11 additions and 15 deletions
|
@ -12,16 +12,14 @@
|
||||||
margin: 0 -10px; /* half gutter value */
|
margin: 0 -10px; /* half gutter value */
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: -0.31em;
|
letter-spacing: -0.31em;
|
||||||
|
word-spacing: -0.43em;
|
||||||
text-rendering: optimizespeed;
|
text-rendering: optimizespeed;
|
||||||
}
|
}
|
||||||
/* Opera hack */
|
|
||||||
.opera:-o-prefocus,
|
|
||||||
.grid > * {word-spacing: -0.43em;}
|
|
||||||
|
|
||||||
.grid > * > * {
|
.grid > * > * {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 10px; /* half gutter value */
|
padding: 0 10px; /* half gutter value */
|
||||||
|
margin-left: 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
/*
|
/*
|
||||||
* www.KNACSS.com V2.8a (2013-09) @author: Raphael Goetter, Alsacreations
|
* www.KNACSS.com V2.8b (2013-09) @author: Raphael Goetter, Alsacreations
|
||||||
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
|
* Licence CC-BY http://creativecommons.org/licenses/by/3.0/fr/
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
@ -40,32 +40,32 @@ figure {
|
||||||
h1, .h1-like {
|
h1, .h1-like {
|
||||||
margin: 0.6563em 0 0 0;
|
margin: 0.6563em 0 0 0;
|
||||||
font-size: 2.2857em; /* equiv 32px */
|
font-size: 2.2857em; /* equiv 32px */
|
||||||
line-height: 1.3126em;
|
line-height: 1.3126;
|
||||||
}
|
}
|
||||||
h2, .h2-like {
|
h2, .h2-like {
|
||||||
margin: 0.75em 0 0 0;
|
margin: 0.75em 0 0 0;
|
||||||
font-size: 2em; /* equiv 28px */
|
font-size: 2em; /* equiv 28px */
|
||||||
line-height: 1.5em;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
h3, .h3-like {
|
h3, .h3-like {
|
||||||
margin: 0.875em 0 0 0;
|
margin: 0.875em 0 0 0;
|
||||||
font-size: 1.7143em; /* equiv 24px */
|
font-size: 1.7143em; /* equiv 24px */
|
||||||
line-height: 1.75em;
|
line-height: 1.75;
|
||||||
}
|
}
|
||||||
h4, .h4-like {
|
h4, .h4-like {
|
||||||
margin: 1.05em 0 0 0;
|
margin: 1.05em 0 0 0;
|
||||||
font-size: 1.4286em; /* equiv 20px */
|
font-size: 1.4286em; /* equiv 20px */
|
||||||
line-height: 1.05em;
|
line-height: 1.05;
|
||||||
}
|
}
|
||||||
h5, .h5-like {
|
h5, .h5-like {
|
||||||
margin: 1.1667em 0 0 0;
|
margin: 1.1667em 0 0 0;
|
||||||
font-size: 1.2857em; /* equiv 18px */
|
font-size: 1.2857em; /* equiv 18px */
|
||||||
line-height: 1.1667em;
|
line-height: 1.1667;
|
||||||
}
|
}
|
||||||
h6, .h6-like {
|
h6, .h6-like {
|
||||||
margin: 1.3125em 0 0 0;
|
margin: 1.3125em 0 0 0;
|
||||||
font-size: 1.1429em; /* equiv 16px */
|
font-size: 1.1429em; /* equiv 16px */
|
||||||
line-height: 1.3125em;
|
line-height: 1.3125;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* alternate font-sizing */
|
/* alternate font-sizing */
|
||||||
|
|
|
@ -8,16 +8,14 @@
|
||||||
margin: 0 (@gutter/2); /* half gutter value */
|
margin: 0 (@gutter/2); /* half gutter value */
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: -0.31em;
|
letter-spacing: -0.31em;
|
||||||
|
word-spacing: -0.43em;
|
||||||
text-rendering: optimizespeed;
|
text-rendering: optimizespeed;
|
||||||
}
|
}
|
||||||
/* Opera hack */
|
|
||||||
.opera:-o-prefocus,
|
|
||||||
.grid > * {word-spacing: -0.43em;}
|
|
||||||
|
|
||||||
.grid > * > * {
|
.grid > * > * {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0 (@gutter/2); /* half gutter value */
|
padding: 0 (@gutter/2); /* half gutter value */
|
||||||
|
margin-left: 0;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
|
Loading…
Reference in a new issue