Update related styles

_sass/addon/commons.scss

@@ -223,19 +223,16 @@ i { // fontawesome icons
     }
   }
 
-  span {
-    @include panel-label;
-  }
-
   .post-content {
     font-size: 0.9rem;
   }
 
 }
 
-#access-tags {
+#panel-wrapper {
-  > div.post-content > div {
+  h4 {
-    max-width: 80%;
+    @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,7 +1108,9 @@ $sidebar-display: "sidebar-display";
   @include pl-pr(0);
 }
 
-#main > div.row:first-child > div {
+#main {
+  .row:first-child {
+    > div {
       &:nth-child(1),
       &:nth-child(2) {
         margin-top: $topbar-height; /* same as the height of topbar */
@@ -1113,12 +1118,18 @@ $sidebar-display: "sidebar-display";
 
       &:first-child {
         /* 3rem for topbar, 6rem for footer */
-    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height});
+        min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$bottom-min-height});
+      }
+    }
+  }
+
+  .row.alone {
+    margin-bottom: 4rem;
   }
 }
 
-#post-wrapper {
+#core-wrapper {
-  min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
+  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 {
+  #core-wrapper {
-    min-height: calc(100vh - #{$topbar-height} - #{$footer-height} - #{$post-extend-min-height}) !important;
+    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;
   }

_sass/addon/module.scss

@@ -48,7 +48,7 @@
 }
 
 %section {
-  #post-wrapper & {
+  #core-wrapper & {
     line-height: 1.2;
     margin-bottom: 1rem;
   }

_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 */
 

_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 {
+  #core-wrapper {
-    .post-meta {
+    h1 + .post-meta {
       > div:not(:first-child)::before {
         @include dot(0.5rem, 0.2rem);
       }