From 1c758cf4a257e68de729be22d819939ed8330403 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Wed, 1 Dec 2021 21:49:51 +0800
Subject: [PATCH] Update related styles

---
 _sass/addon/commons.scss   | 64 ++++++++++++++++++++++----------------
 _sass/addon/module.scss    |  2 +-
 _sass/addon/variables.scss |  2 +-
 _sass/layout/post.scss     |  8 ++---
 4 files changed, 43 insertions(+), 33 deletions(-)

diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 263edbc..253c0e6 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -223,19 +223,16 @@ i { // fontawesome icons
     }
   }
 
-  span {
-    @include panel-label;
-  }
-
   .post-content {
     font-size: 0.9rem;
   }
 
 }
 
-#access-tags {
-  > div.post-content > div {
-    max-width: 80%;
+#panel-wrapper {
+  h4 {
+    @include panel-label;
+    font-family: inherit;
   }
 
   .post-tag {
@@ -996,7 +993,11 @@ $sidebar-display: "sidebar-display";
 }
 
 #search-hints {
-  display: none;
+  padding: 0 1rem;
+
+  h4 {
+    margin-bottom: 1.5rem;
+  }
 
   .post-tag {
     display: inline-block;
@@ -1005,13 +1006,15 @@ $sidebar-display: "sidebar-display";
     background: var(--search-tag-bg);
     border: none;
     padding: 0.5rem;
-    margin: 0 1rem 1rem 0;
+    margin: 0 1.25rem 1rem 0;
 
     &::before {
       content: "#";
       color: var(--text-muted-color);
       padding-right: 0.2rem;
     }
+
+    @extend %link-color;
   }
 }
 
@@ -1068,7 +1071,7 @@ $sidebar-display: "sidebar-display";
   white-space: nowrap;
 }
 
-#page {
+#core-wrapper {
   .categories,
   #tags,
   #archives {
@@ -1105,20 +1108,28 @@ $sidebar-display: "sidebar-display";
   @include pl-pr(0);
 }
 
-#main > div.row:first-child > div {
-  &:nth-child(1),
-  &:nth-child(2) {
-    margin-top: $topbar-height; /* same as the height of topbar */
+#main {
+  .row:first-child {
+    > div {
+      &:nth-child(1),
+      &:nth-child(2) {
+        margin-top: $topbar-height; /* same as the height of topbar */
+      }
+
+      &:first-child {
+        /* 3rem for topbar, 6rem for footer */
+        min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height});
+      }
+    }
   }
 
-  &:first-child {
-    /* 3rem for topbar, 6rem for footer */
-    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height});
+  .row.alone {
+    margin-bottom: 4rem;
   }
 }
 
-#post-wrapper {
-  min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
+#core-wrapper {
+  min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
 }
 
 #topbar-wrapper.row,
@@ -1175,8 +1186,8 @@ $sidebar-display: "sidebar-display";
     min-height: calc(100vh - #{$topbar-height} - #{$footer-height});
   }
 
-  #post-wrapper {
-    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
+  #core-wrapper {
+    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height}) !important;
 
     h1 {
       margin-top: 2.2rem;
@@ -1318,18 +1329,13 @@ $sidebar-display: "sidebar-display";
     letter-spacing: 0;
   }
 
-  #search-hints {
-    display: block;
-    padding: 0 1rem;
-  }
-
   #tags {
     -webkit-box-pack: center !important;
     -ms-flex-pack: center !important;
     justify-content: center !important;
   }
 
-  #page h1.dynamic-title {
+  h1.dynamic-title {
     display: none;
 
     ~ .post-content {
@@ -1523,6 +1529,10 @@ $sidebar-display: "sidebar-display";
     }
   }
 
+  #search-hints {
+    display: none;
+  }
+
   .post-content {
     font-size: 1.03rem;
   }
diff --git a/_sass/addon/module.scss b/_sass/addon/module.scss
index d7ef8e9..9053ede 100644
--- a/_sass/addon/module.scss
+++ b/_sass/addon/module.scss
@@ -48,7 +48,7 @@
 }
 
 %section {
-  #post-wrapper & {
+  #core-wrapper & {
     line-height: 1.2;
     margin-bottom: 1rem;
   }
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
index 32b5f6c..43192f0 100644
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -27,7 +27,7 @@ $main-content-max-width: 1150px !default;
 
 $panel-max-width: 300px !default;
 
-$post-extend-min-height: 35rem !default;
+$bottom-min-height: 35rem !default;
 
 /* syntax highlight */
 
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index 39e72d9..6d37a32 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -23,7 +23,7 @@
   padding-right: $pr;
 }
 
-#post-wrapper .post-meta {
+h1 + .post-meta {
   > div:nth-child(2) {
     > span:not(:first-child)::before {
       @include dot;
@@ -220,7 +220,7 @@ nav[data-toggle=toc] {
   }
 }
 
-#post-extend-wrapper {
+#tail-wrapper {
   min-height: 2rem;
 
   #disqus_thread {
@@ -339,8 +339,8 @@ nav[data-toggle=toc] {
 }
 
 @media all and (min-width: 768px) {
-  #post-wrapper {
-    .post-meta {
+  #core-wrapper {
+    h1 + .post-meta {
       > div:not(:first-child)::before {
         @include dot(0.5rem, 0.2rem);
       }