feat(style): add some custom styles

3 files changed, 15 insertions, 4 deletions

diff --git a/assets/css/_core/_base.scss b/assets/css/_core/_base.scss
index 9d44697..b53058d 100644
--- a/assets/css/_core/_base.scss
+++ b/assets/css/_core/_base.scss
@@ -1,6 +1,8 @@
 html {
   font-family: $global-font-family;
-  font-size: 16px;
+  font-size: $global-font-size;
+  font-weight: $global-font-weight;
+  line-height: $global-line-height;
   width:100%;
 }
 
@@ -27,8 +29,6 @@ html {
 }
 
 body {
-  font-weight: 400;
-  line-height: 1.5rem;
   background-color: $global-background-color;
   color: $global-font-color;
   overflow-wrap: break-word;
@@ -76,6 +76,10 @@ a {
   }
 }
 
+b, strong {
+  font-weight: bold;
+}
+
 #dynamic-to-top {
   display: none;
   overflow: hidden;
diff --git a/assets/css/_partial/_header.scss b/assets/css/_partial/_header.scss
index 097de6c..e8f55e8 100644
--- a/assets/css/_partial/_header.scss
+++ b/assets/css/_partial/_header.scss
@@ -6,6 +6,10 @@ header {
   .dark-theme & {
     background-color: $header-background-color-dark;
   }
+
+  .header-title {
+    font-weight: bold;
+  }
 }
 
 #header-desktop {
diff --git a/assets/css/_variables.scss b/assets/css/_variables.scss
index 6d8f229..f4617cb 100644
--- a/assets/css/_variables.scss
+++ b/assets/css/_variables.scss
@@ -3,8 +3,11 @@
 // ==============================
 
 // ========== Global ========== //
-// Font family
+// Font and Line Height
 $global-font-family: -apple-system, BlinkMacSystemFont, PingFang SC, Microsoft Yahei, Segoe UI, Helvetica, Arial, sans-serif, Segoe UI Emoji !default;
+$global-font-size: 16px;
+$global-font-weight: 300;
+$global-line-height: 1.5rem;
 
 // Color of the background
 $global-background-color: #fff !default;