Add a simple example of responsive font styles

arielsalminen · Nov 9, 2017 · 36b0299 · 36b0299
1 parent d07bbc1
commit 36b0299
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/elements/Heading.vue b/src/elements/Heading.vue
@@ -39,8 +39,11 @@
   }
   h1 {
     letter-spacing: $letter-spacing-tiny;
-    font-size: $font-size-xx-large;
+    font-size: $font-size-x-large;
     font-weight: $font-weight-bold;
+    @media #{$media-query-large} {
+      font-size: $font-size-xx-large;
+    }
   }
   h2 {
     letter-spacing: $letter-spacing-small;