fix(css): fix some css bugs

assets/css/_page/_index.scss

@@ -1,6 +1,6 @@
 @import "_home";
 
-.post-warp {
+.warpper {
   position: relative;
   width: 100%;
   max-width: 960px;
@@ -26,4 +26,4 @@
     text-align: right;
     padding-bottom: 2rem;
   }
-}
+}

assets/css/_page/_post.scss

@@ -7,14 +7,14 @@
 
 .post-meta {
   font-size: .88rem;
-  color: rgba(85, 85, 85, 0.52941) !important;
+  color: $global-font-secondary-color;
 
   span {
     display: inline-block;
   }
 
   .dark-theme & {
-    color: $global-font-secondary-color-dark !important;
+    color: $global-font-secondary-color-dark;
   }
 
   a {
@@ -246,7 +246,6 @@
       max-width: 100%;
       margin: .625rem 0;
       border-spacing: 0;
-      box-shadow: 2px 2px 3px rgba(0,0,0,.125);
       background: $table-background-color;
 
       .dark-theme & {
@@ -306,7 +305,7 @@
     margin: 0 0 2em 0;
     position: relative;
 
-    &:before {
+    &::before {
       content: '\201C';
       position: absolute;
       top: 0em;
@@ -323,8 +322,8 @@
       }
     }
 
-    &:after {
-      content: "#blockquote" attr(cite);
+    &::after {
+      content: '#blockquote' attr(cite);
       display: block;
       text-align: right;
       font-size: 0.875em;
@@ -340,6 +339,14 @@
     }
   }
 
+  .footnotes {
+    color: $global-font-secondary-color;
+
+    .dark-theme & {
+      color: $global-font-secondary-color-dark;
+    }
+  }
+
   @import "../_partial/_post/code";
   @import "../_partial/_post/admonition";
 
@@ -420,45 +427,9 @@
     .code {
       padding: .375rem;
       font-size: .875rem;
-      font-family: Consolas, Monaco, Menlo, Consolas, monospace;
+      font-family: $code-font-family;
       font-weight: bold;
       word-break: break-all;
-
-      .k {
-        color: #D371E3;
-      }
-
-      .kt {
-        color: #D371E3;
-      }
-
-      .kc {
-        color: #D371E3;
-      }
-
-      .o {
-        color: #D371E3;
-      }
-
-      .nf {
-        color: #F16473;
-      }
-
-      .na {
-        color: #41B1F5;
-      }
-
-      .s {
-        color: #8BC56F;
-      }
-
-      .n {
-        color: #DB975C;
-      }
-
-      .c1 {
-        color: #7E848F;
-      }
     }
   }
 
@@ -544,20 +515,20 @@
   }
 
   .post-nav {
-    &:before,
-    &:after {
-      content: " ";
+    &::before,
+    &::after {
+      content: ' ';
       display: table;
     }
 
     & a.prev,
     & a.next {
-      font-weight: 600;
       font-size: 1rem;
+      font-weight: 600;
 
+      transition-duration: .3s;
       transition-property: transform;
       transition-timing-function: ease-out;
-      transition-duration: 0.3s;
     }
 
     & a.prev {
@@ -580,4 +551,4 @@
 
 .post-comment {
   padding: 4rem 0;
-}
+}

assets/css/_page/_posts.scss

@@ -24,7 +24,7 @@
     width: 100%;
     padding: 30% 0 0;
     position: relative;
-    margin-bottom: 1rem;
+    margin: 0.6rem auto;
 
     img {
       position: absolute;
@@ -32,7 +32,7 @@
       height: 100%;
       left: 0;
       top: 0;
-      object-fit: scale-down;
+      object-fit: cover;
     }
   }