From 252bfd24afee42c1ba29b1a031208a98d4cbbd16 Mon Sep 17 00:00:00 2001
From: Brandon Mathis <brandon@imathis.com>
Date: Sun, 3 Jul 2011 17:06:38 -0400
Subject: improved responsive typography styles

---
 .themes/classic/sass/base/_typography.scss | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

(limited to '.themes/classic')

diff --git a/.themes/classic/sass/base/_typography.scss b/.themes/classic/sass/base/_typography.scss
index 8ab0e657..00a41d35 100644
--- a/.themes/classic/sass/base/_typography.scss
+++ b/.themes/classic/sass/base/_typography.scss
@@ -10,7 +10,7 @@ $mono: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
 .mono { font-family: $mono; }
 
 body > header h1 {
-  font-size: 2.6em;
+  font-size: 2.2em;
   @extend .heading;
   font-weight: normal;
   line-height: 1.2em;
@@ -22,6 +22,15 @@ body {
   color: $text-color;
   @extend .serif;
 }
+h1 {
+  font-size: 2.2em;
+  line-height: 1.2em;
+}
+
+@media only screen and (min-width: 768px) {
+  body { font-size: 1.15em; }
+  h1 { font-size: 3em; line-height: 1.2em; }
+}
 
 #{headings()}{
   @extend .heading;
@@ -29,13 +38,6 @@ body {
   margin-bottom: 1em;
   font-weight: bold;
 }
-h1 {
-  font-size: 3.2em;
-  line-height: 1.2em;
-  @media only screen and (max-width: 768px) { font-size: 2.2em; }
-}
-
-
 h2, section h1 {
   font-size: 1.5em;
 }
-- 
cgit v1.2.1