Permalink
Browse files

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.
  • Loading branch information...
1 parent e9d4384 commit d6cdf33fa60a1e30647ab18263147338e1b5946c Krister Kari committed Feb 7, 2012
Showing with 13 additions and 4 deletions.
  1. +13 −4 normalize.scss
View
@@ -99,8 +99,8 @@ a {
// Typography
// =============================================================================
-// Neutralise smaller font-size in 'section' and 'article' in FF4+, Chrome, S5
-// Fix IE6/7 heading font-size not being relative to the root font-size
+// Addresses font sizes and margins set differently in IE6/7
+// Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
h1 {
font-size: 2em;
@@ -114,6 +114,11 @@ h2 {
h3 {
font-size: 1.17em;
+}
+
+h3,
+p,
+pre {
margin: 1em 0;
}
@@ -149,6 +154,12 @@ blockquote {
margin: 1em 40px;
}
+// Addresses styling not present in IE6/7
+
+hr {
+ margin: 0.5em auto;
+}
+
// Addresses styling not present in S5, Chrome
dfn {
@@ -231,8 +242,6 @@ sub {
dl,
menu,
ol,
-p,
-pre,
ul {
margin: 1em 0;
}

0 comments on commit d6cdf33

Please sign in to comment.