Normalize typography

The margin of many elements in IE6/7 is set by 'pt', not relative to the root font-size. This is contrary to the HTML5 spec and all other modern browsers, including IE8+.

If people need to customize margins, they can either edit normalize.css directly or override later in the source. But at least any non-customized elements will behave consistently now.
This commit is contained in:
jonathantneal 2012-02-06 21:03:59 -08:00
parent e65602a3b9
commit f1a096a498

21
normalize.css vendored
View File

@ -1,4 +1,4 @@
/*! normalize.css 2012-02-07T01:46 UTC - http://github.com/necolas/normalize.css */ /*! normalize.css 2012-02-07T05:02 UTC - http://github.com/necolas/normalize.css */
/* ============================================================================= /* =============================================================================
HTML5 display definitions HTML5 display definitions
@ -117,8 +117,8 @@ a:active {
========================================================================== */ ========================================================================== */
/* /*
* Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5 * Addresses font sizes and margins set differently in IE6/7
* Fix IE6/7 heading font-size not being relative to the root font-size * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/ */
h1 { h1 {
@ -133,6 +133,11 @@ h2 {
h3 { h3 {
font-size: 1.17em; font-size: 1.17em;
}
h3,
p,
pre {
margin: 1em 0; margin: 1em 0;
} }
@ -172,6 +177,14 @@ blockquote {
margin: 1em 40px; margin: 1em 40px;
} }
/*
* Addresses styling not present in IE6/7
*/
hr {
margin: 0.5em auto;
}
/* /*
* Addresses styling not present in S5, Chrome * Addresses styling not present in S5, Chrome
*/ */
@ -269,8 +282,6 @@ sub {
dl, dl,
menu, menu,
ol, ol,
p,
pre,
ul { ul {
margin: 1em 0; margin: 1em 0;
} }