feat: new style fix nav

assets/css/_core/_layout.scss

@@ -8,9 +8,13 @@
 }
 
 .navbar {
+  display: block !important;
+  position: fixed;
+  width: 100%;
+  z-index: 100;
   height: 4rem;
   line-height: 4rem;
-  width: 100%;
+
   .container {
     width: auto;
     max-width: 1200px;
@@ -26,20 +30,20 @@
 }
 
 .container {
-  padding-left: 1em;
-  padding-right: 1em;
+  padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 .footer {
   height: 2rem;
   width: 100%;
   text-align: center;
-  line-height: 1.4rem;
-  padding-top: 1em;
+  line-height: 1.5rem;
+  padding-top: 2rem;
 }
 
 .notfound {
-  font-size: 2em;
+  font-size: 2rem;
   transform: translateY(35vh);
   text-align: center;
 }

assets/css/_core/_media.scss

@@ -120,26 +120,7 @@
     display: none !important;
   }
 
-  .footer {
-    height: 3rem;
-    width: 100%;
-    text-align: center;
-    line-height: 1.5rem;
-    padding-top: 2em;
-  }
-
   .post-warp {
-    padding-top: 6em;
-
-    .post-content {
-      a.post-title-target:target {
-        display: block;
-        position: relative;
-        top: -60px;
-        visibility: hidden;
-      }
-    }
-
     .categories-card {
       .card-item {
         width: 95%;

assets/css/_page/_index.scss

@@ -5,7 +5,7 @@
   width: 100%;
   max-width: 780px;
   margin: 0 auto;
-  padding-top: 2rem;
+  padding-top: 6rem;
 
   @import "_post";
   @import "_posts";

assets/css/_page/_post.scss

@@ -49,7 +49,7 @@
   border-left: 1px solid $global-border-color;
   word-wrap: break-word;
   box-sizing: border-box;
-  top: 120px;
+  top: 200px;
 
   .post-toc-title {
     font-weight: 400;
@@ -152,6 +152,13 @@
 }
 
 .post-content {
+  a.post-title-target:target {
+    display: block;
+    position: relative;
+    top: -60px;
+    visibility: hidden;
+  }
+
   h2,
   h3,
   h4,

assets/css/_partial/_navbar.scss

@@ -25,5 +25,3 @@
 
   background-color: transparent;
 }
-
-

assets/js/main.js

@@ -55,7 +55,7 @@ jQuery(function($) {
 
     _Blog._initToc = function() {
         if ($('.post-toc').length && $('.post-toc').css('display') !== 'none') {
-            const SPACING = 20;
+            const SPACING = 100;
             const $toc = $('.post-toc');
             const $footer = $('.post-footer');
             const minTop = $toc.position().top;