Revised the typography on mobile for headers

l4u · Dec 1, 2011 · 6e10151 · 6e10151
1 parent 161377a
commit 6e10151
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/stylesheets/mobile.css b/stylesheets/mobile.css
@@ -1,3 +1,18 @@
+/* --------------------------------------------------
+	:: Typography
+	-------------------------------------------------- */
+
+	@media handheld, only screen and (max-width: 767px) {
+		h1 { font-size: 32px; font-size: 3.2rem; line-height: 1.3; }
+		h2 { font-size: 28px; font-size: 2.8rem; line-height: 1.3; }
+		h3 { font-size: 21px; font-size: 2.1rem; line-height: 1.3; }
+		h4 { font-size: 18px; font-size: 1.8rem; line-height: 1.2; }
+		h5 { font-size: 16px; font-size: 1.6rem; line-height: 1.2; }
+		h6 { font-size: 15px; font-size: 1.5rem; line-height: 1.2; }
+		body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
+	}
+
+
 /* --------------------------------------------------
 	:: Grid
 	-------------------------------------------------- */

diff --git a/stylesheets/typography.css b/stylesheets/typography.css
@@ -18,12 +18,6 @@
 	p img { margin: 0; }
 	p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px;  }
 
-		/* Mobile */
-
-		@media handheld, only screen and (max-width: 767px) {
-			body, p {  font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
-		}
-
 	em, i { font-style: italic; line-height: inherit; }
 	strong, b { font-weight: bold; line-height: inherit; }
 	small { font-size: 60%; line-height: inherit; }