From bbe7e4b73d57ef1e9325106c89dba413f02b1732 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Thu, 3 Sep 2020 23:32:28 +0200
Subject: [PATCH] feat(style): improve typography styles

---
 assets/scss/partials/article.scss         | 12 ++++++++++--
 assets/scss/partials/layout/archive.scss  |  2 +-
 assets/scss/partials/layout/taxonomy.scss |  4 ++--
 assets/scss/partials/menu.scss            | 15 +++++----------
 assets/scss/partials/sidebar.scss         | 15 ++++-----------
 assets/scss/partials/widgets.scss         |  4 ++--
 6 files changed, 24 insertions(+), 28 deletions(-)

diff --git a/assets/scss/partials/article.scss b/assets/scss/partials/article.scss
index 73662ef..0df93fd 100644
--- a/assets/scss/partials/article.scss
+++ b/assets/scss/partials/article.scss
@@ -66,7 +66,7 @@
 }
 
 .article-title {
-    font-size: 2.2rem;
+    font-size: 2.4rem;
     font-weight: 600;
     margin: 10px 0;
     color: var(--card-text-color-main);
@@ -86,10 +86,14 @@
     @media (max-width: $on-desktop) {
         font-size: 2rem;
     }
+
+    & + .article-subtitle {
+        margin-top: 0;
+    }
 }
 
 .article-subtitle {
-    font-weight: lighter;
+    font-weight: normal;
     font-size: 1.8rem;
     color: var(--card-text-color-secondary);
     margin: 5px 0;
@@ -98,6 +102,10 @@
     @media (min-width: $on-desktop-large) {
         font-size: 2rem;
     }
+
+    @media (max-width: $on-desktop) {
+        font-size: 1.6rem;
+    }
 }
 
 .article-time {
diff --git a/assets/scss/partials/layout/archive.scss b/assets/scss/partials/layout/archive.scss
index 1c3ba0e..fd6dab6 100644
--- a/assets/scss/partials/layout/archive.scss
+++ b/assets/scss/partials/layout/archive.scss
@@ -4,7 +4,7 @@
         text-transform: uppercase;
         margin-bottom: 10px;
         font-size: 1.6rem;
-        font-weight: 500;
+        font-weight: bold;
 
         a {
             color: var(--body-text-color);
diff --git a/assets/scss/partials/layout/taxonomy.scss b/assets/scss/partials/layout/taxonomy.scss
index 2c128e3..3318457 100644
--- a/assets/scss/partials/layout/taxonomy.scss
+++ b/assets/scss/partials/layout/taxonomy.scss
@@ -1,7 +1,7 @@
 .taxonomy-type {
     text-transform: uppercase;
     color: var(--body-text-color);
-    font-weight: 500;
+    font-weight: bold;
     margin-bottom: 5px;
     font-size: 1.6rem;
 }
@@ -51,7 +51,7 @@
         color: var(--card-text-color-tertiary);
         font-size: 1.4rem;
         margin: 0;
-        font-weight: 500;
+        font-weight: bold;
         text-transform: uppercase;
     }
 }
diff --git a/assets/scss/partials/menu.scss b/assets/scss/partials/menu.scss
index a62cb6e..78f2f94 100644
--- a/assets/scss/partials/menu.scss
+++ b/assets/scss/partials/menu.scss
@@ -127,7 +127,7 @@
     flex-direction: column;
     margin-top: 25px;
 
-    @media (min-width: $on-desktop-large){
+    @media (min-width: $on-desktop-large) {
         margin-top: 30px;
     }
 
@@ -173,16 +173,10 @@
         }
 
         svg {
-            width: 32px;
-            height: 32px;
+            width: 25px;
+            height: 25px;
             stroke-width: 1.33;
-
             margin-right: 40px;
-
-            @media (max-width: $on-desktop-large) {
-                width: 25px;
-                height: 25px;
-            }
         }
 
         a {
@@ -190,9 +184,10 @@
             display: inline-flex;
             align-items: center;
             color: var(--body-text-color);
+            font-size: 1.5rem;
 
             @media (max-width: $on-desktop) {
-                font-size: 1.5rem;
+                font-size: 1.4rem;
             }
         }
 
diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss
index 3d2d71f..8732a52 100644
--- a/assets/scss/partials/sidebar.scss
+++ b/assets/scss/partials/sidebar.scss
@@ -23,17 +23,10 @@
     }
 
     @media (min-width: $on-phone + 1) {
-        //justify-content: right;
-        //text-align: right;
         width: 25%;
         margin-right: 1%;
     }
-
-    @media (min-width: $on-tablet) {
-        width: 25%;
-        margin-right: 1%;
-    }
-
+    
     @media (min-width: $on-desktop) {
         width: 20%;
     }
@@ -123,12 +116,12 @@
 
     .site-description {
         color: var(--body-text-color);
-        font-weight: lighter;
+        font-weight: normal;
         margin: 10px 0;
-        font-size: 2rem;
+        font-size: 1.8rem;
 
         @media (max-width: $on-desktop-large) {
-            font-size: 1.75rem;
+            font-size: 1.6rem;
         }
     }
 }
diff --git a/assets/scss/partials/widgets.scss b/assets/scss/partials/widgets.scss
index 5250048..39d7127 100644
--- a/assets/scss/partials/widgets.scss
+++ b/assets/scss/partials/widgets.scss
@@ -2,7 +2,7 @@
     .widget-title {
         text-transform: uppercase;
         color: var(--body-text-color);
-        font-weight: normal;
+        font-weight: bold;
         margin: 0;
         margin-bottom: 10px;
         font-size: 1.6rem;
@@ -12,7 +12,7 @@
         svg {
             width: 32px;
             height: 32px;
-            stroke-width: 1.33px;
+            stroke-width: 1.6;
             color: var(--body-text-color);
         }
     }