feat: titles in phone smaller

knaik · Nov 10, 2017 · 25a61a4 · 25a61a4
1 parent 49fc63e
commit 25a61a4
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/_sass/base/_text.scss b/_sass/base/_text.scss
@@ -10,11 +10,17 @@ h1, h2, h3, h4, h5, h6, strong {
 h1 {
     font-size: $h1-font-size;
     color: $text-color-d;
+    @include media-query($on-palm) {
+        font-size: $h1-font-size-palm;
+    }
 }
 
 h2 {
     font-size: $h2-font-size;
     color: $text-color-d;
+    @include media-query($on-palm) {
+        font-size: $h2-font-size-palm;
+    }
 }
 
 h3 {

diff --git a/_sass/blog/_layout.post.scss b/_sass/blog/_layout.post.scss
@@ -14,8 +14,6 @@
                 margin-bottom:  $spacing-unit / 6;
                 & > h1 {
                     margin-bottom:  $spacing-unit;
-                    font-size: $h1-font-size;
-                    color: $text-color-d;
                 }
             }
         }

diff --git a/_sass/settings/_font.scss b/_sass/settings/_font.scss
@@ -17,7 +17,11 @@ $h4-font-size: $base-font-size * 1.1;
 $h5-font-size: $base-font-size;
 $h6-font-size: $base-font-size;
 
+$h1-font-size-palm: $base-font-size * 1.7;
+$h2-font-size-palm: $base-font-size * 1.4;
+
 $article-list-head: $base-font-size * 1.6;
+
 $h1-font-size-excerpt: $base-font-size * 1.4;
 $h2-font-size-excerpt: $base-font-size * 1.3;
 $h3-font-size-excerpt: $base-font-size * 1.2;