minor .grid corrections

issue : https://github.com/raphaelgoetter/KNACSS/issues/32
This commit is contained in:
Raphael Goetter 2013-09-24 11:43:59 +02:00
parent 85d6f9154c
commit 528e4f0fb1
3 changed files with 11 additions and 15 deletions

View file

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

View file

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

View file

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