From 36b0299fcde52c6a7446b3390e93fdcb59c80d61 Mon Sep 17 00:00:00 2001
From: viljamis <viljami.salminen@gmail.com>
Date: Thu, 9 Nov 2017 11:16:10 +0100
Subject: [PATCH] Add a simple example of responsive font styles

---
 src/elements/Heading.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/elements/Heading.vue b/src/elements/Heading.vue
index a668a363..3f6c8bed 100644
--- 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;