From a24d06b257e8f004c435eb19c6d918644976e576 Mon Sep 17 00:00:00 2001
From: Sonny Bakker <sonny871@hotmail.com>
Date: Fri, 19 Feb 2021 09:13:59 +0100
Subject: [PATCH] Update font sizes

---
 src/newsreader/scss/components/body/_body.scss     | 1 +
 src/newsreader/scss/components/navbar/_navbar.scss | 2 +-
 src/newsreader/scss/components/post/_post.scss     | 2 ++
 src/newsreader/scss/components/posts/_posts.scss   | 9 +--------
 src/newsreader/scss/partials/_variables.scss       | 3 +++
 5 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/newsreader/scss/components/body/_body.scss b/src/newsreader/scss/components/body/_body.scss
index ff111dd..34bba4c 100644
--- a/src/newsreader/scss/components/body/_body.scss
+++ b/src/newsreader/scss/components/body/_body.scss
@@ -3,6 +3,7 @@
   padding: 0;
 
   font-family: Rubik, sans-serif;
+  font-size: $font-size;
 }
 
 body {
diff --git a/src/newsreader/scss/components/navbar/_navbar.scss b/src/newsreader/scss/components/navbar/_navbar.scss
index 5a3051c..54ddde6 100644
--- a/src/newsreader/scss/components/navbar/_navbar.scss
+++ b/src/newsreader/scss/components/navbar/_navbar.scss
@@ -21,7 +21,7 @@
     & a {
       @extend .button;
 
-      font-size: 18px !important;
+      font-size: 0.9em !important;
       font-weight: 600;
     }
   }
diff --git a/src/newsreader/scss/components/post/_post.scss b/src/newsreader/scss/components/post/_post.scss
index 1b3a166..5254363 100644
--- a/src/newsreader/scss/components/post/_post.scss
+++ b/src/newsreader/scss/components/post/_post.scss
@@ -32,6 +32,8 @@
   }
 
   &__title {
+    font-size: $header-size;
+
     &--read {
       color: var(--read-color);
     }
diff --git a/src/newsreader/scss/components/posts/_posts.scss b/src/newsreader/scss/components/posts/_posts.scss
index 7566f48..d40cddb 100644
--- a/src/newsreader/scss/components/posts/_posts.scss
+++ b/src/newsreader/scss/components/posts/_posts.scss
@@ -25,13 +25,6 @@
       padding: 0 10px 10px 10px;
     }
 
-    & span {
-      font-size: small;
-      text-overflow: ellipsis;
-      overflow: hidden;
-      white-space: nowrap;
-    }
-
     & .badge {
       background-color: var(--lightest-accent-color);
     }
@@ -45,7 +38,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: 16px;
+    font-size: $header-size;
 
     &--read {
       color: var(--read-color);
diff --git a/src/newsreader/scss/partials/_variables.scss b/src/newsreader/scss/partials/_variables.scss
index 00bc91a..d8e8261 100644
--- a/src/newsreader/scss/partials/_variables.scss
+++ b/src/newsreader/scss/partials/_variables.scss
@@ -1 +1,4 @@
 $fa-padding: 7px;
+
+$header-size: 1.2em;
+$font-size: 1.1em;