From cf278f3d1cc8c0e82bcea88c774a633eea67a4fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Philipp=20Ku=CC=88hn?= <kontakt@philipp-kuehn.com>
Date: Thu, 4 Feb 2021 10:39:57 +0100
Subject: [PATCH] improve mobile styles

---
 docs/src/layouts/App/base.scss | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/docs/src/layouts/App/base.scss b/docs/src/layouts/App/base.scss
index dcd81c13..797e90c5 100644
--- a/docs/src/layouts/App/base.scss
+++ b/docs/src/layouts/App/base.scss
@@ -97,7 +97,6 @@ code {
   height: 100vh !important;
 }
 
-
 .text {
   $spacing: 0.75em;
 
@@ -152,11 +151,19 @@ code {
 
   > h1,
   > .is-h1 {
-    font-size: 2.75rem;
+    font-size: 2rem;
     line-height: 1.15;
 
+    @media (min-width: 600px) {
+      font-size: 2.75rem;
+    }
+
     &.is-large {
-      font-size: 3.75rem;
+      font-size: 3rem;
+
+      @media (min-width: 600px) {
+        font-size: 3.75rem;
+      }
     }
   }
 
@@ -356,6 +363,7 @@ code {
 
         &:hover {
           background: rgba($colorBlack, 0.03);
+          background: $colorYellow;
         }
       }
     }