improve mobile styles

2021-02-04 10:39:57 +01:00
parent 8d7cca28d9
commit cf278f3d1c
1 changed files with 11 additions and 3 deletions
--- 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,13 +151,21 @@ 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: 3rem;
+
+      @media (min-width: 600px) {
        font-size: 3.75rem;
      }
    }
+  }

  > h2,
  > .is-h2 {
@@ -356,6 +363,7 @@ code {

        &:hover {
          background: rgba($colorBlack, 0.03);
+          background: $colorYellow;
        }
      }
    }