Decrease header line-height on mobile

barryclark · barryclark · commit 1423f650fcef · 2014-05-27T20:58:58.000-04:00
diff --git a/scss/style.scss b/scss/style.scss
@@ -37,6 +37,10 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.7;
   margin: 1em 0 15px;
   padding: 0;
+
+  @include mobile {
+    line-height: 1.4;
+  }
 }
   
 h1 {  
diff --git a/style.css b/style.css
@@ -334,6 +334,9 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.7;
   margin: 1em 0 15px;
   padding: 0; }
+  @media screen and (max-width: 520px) {
+    h1, h2, h3, h4, h5, h6 {
+      line-height: 1.4; } }
 
 h1 {
   font-weight: 400;
