Permalink
Browse files

Normalize headings

There are various inconsistencies surrounding headings that make
this change worth trailing. The font-size of headings in IE6/7
isn't relative to the root font-size (see #61). Modern browsers
set the `h1` font-size based on the depth of nesting in certain
HTML5 sectioning elements. This change overcomes both the issues.

At the same time, the margins are being normalized so that they
are consistent and `em`-based. If people need to customize the
heading font-size and margin, they can either edit normalize.css
directly or override later in the source. But at least any non-
customized headings will behave consistently now.

Close #41
  • Loading branch information...
1 parent aa97ce2 commit 810ff7a47f26d04b3a334a7e484a6a5beda60577 Krister Kari committed Feb 1, 2012
Showing with 26 additions and 0 deletions.
  1. +26 −0 normalize.scss
View
@@ -103,6 +103,32 @@ a {
h1 {
font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.75em;
+ margin: 2.33em 0;
}
// Addresses styling not present in IE7/8/9, S5, Chrome

0 comments on commit 810ff7a

Please sign in to comment.