From cc10b9d80abc947651794b71cd939de6d4b70be7 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@geeklabor.de>
Date: Fri, 21 May 2021 13:31:19 +0200
Subject: [PATCH] chore: normalize font-size vars (#134)

---
 src/sass/_base.scss     | 12 ++++++------
 src/sass/_defaults.scss |  4 ++++
 src/sass/_mobile.scss   | 12 ++++++------
 3 files changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/sass/_base.scss b/src/sass/_base.scss
index 0a679aa..c0606ab 100644
--- a/src/sass/_base.scss
+++ b/src/sass/_base.scss
@@ -178,13 +178,13 @@ img {
   }
 
   .icon {
-    width: $font-size-16 * 2;
-    height: $font-size-16 * 2;
+    width: $font-size-32;
+    height: $font-size-32;
   }
 }
 
 .gdoc-brand {
-  font-size: $font-size-16 * 2;
+  font-size: $font-size-32;
 
   &__img {
     margin-right: $padding-16;
@@ -560,8 +560,8 @@ img {
   max-width: 45em;
 
   .icon {
-    width: $font-size-16 * 8;
-    height: $font-size-16 * 8;
+    width: $font-size-128;
+    height: $font-size-128;
     color: var(--body-font-color);
   }
 
@@ -579,7 +579,7 @@ img {
   }
 
   &__title {
-    font-size: $font-size-16 * 4;
+    font-size: $font-size-64;
   }
 
   &__code {
diff --git a/src/sass/_defaults.scss b/src/sass/_defaults.scss
index d8c5842..13c5730 100644
--- a/src/sass/_defaults.scss
+++ b/src/sass/_defaults.scss
@@ -9,7 +9,11 @@ $font-size-base: 16px !default;
 $font-size-12: 0.75rem !default;
 $font-size-14: 0.875rem !default;
 $font-size-16: 1rem !default;
+$font-size-24: 1.5rem !default;
 $font-size-32: 2rem !default;
+$font-size-64: 4rem !default;
+$font-size-96: 6rem !default;
+$font-size-128: 8rem !default;
 
 $border-1: 1px !default;
 $border-2: 1.5px !default;
diff --git a/src/sass/_mobile.scss b/src/sass/_mobile.scss
index 2399e9c..3982c4b 100644
--- a/src/sass/_mobile.scss
+++ b/src/sass/_mobile.scss
@@ -10,13 +10,13 @@
 
   .gdoc-header {
     .icon {
-      width: $font-size-16 * 1.5;
-      height: $font-size-16 * 1.5;
+      width: $font-size-24;
+      height: $font-size-24;
     }
   }
 
   .gdoc-brand {
-    font-size: $font-size-16 * 1.5;
+    font-size: $font-size-24;
 
     &__img {
       display: none;
@@ -27,8 +27,8 @@
     padding: $padding-16 * 6 $padding-16;
 
     .icon {
-      width: $font-size-16 * 6;
-      height: $font-size-16 * 6;
+      width: $font-size-96;
+      height: $font-size-96;
     }
 
     &__message {
@@ -40,7 +40,7 @@
     }
 
     &__title {
-      font-size: $font-size-16 * 2;
+      font-size: $font-size-32;
     }
   }