From 0259b95123b88fd27bf646202afea5154e514fcd Mon Sep 17 00:00:00 2001
From: Mimi <1119186082@qq.com>
Date: Fri, 26 Jun 2020 13:01:11 +0800
Subject: [PATCH] Optimize blockquote-center & post-tags style

---
 scripts/tags/center-quote.js                          |  2 --
 .../_common/scaffolding/tags/blockquote-center.styl   | 11 +++++++----
 source/css/_schemes/Mist/_posts-expand.styl           |  4 ++--
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/scripts/tags/center-quote.js b/scripts/tags/center-quote.js
index 55f8357..425d531 100644
--- a/scripts/tags/center-quote.js
+++ b/scripts/tags/center-quote.js
@@ -8,9 +8,7 @@
 
 function centerQuote(args, content) {
   return `<blockquote class="blockquote-center">
-<i class="fa fa-quote-left"></i>
 ${hexo.render.renderSync({ text: content, engine: 'markdown' })}
-<i class="fa fa-quote-right"></i>
 </blockquote>`;
 }
 
diff --git a/source/css/_common/scaffolding/tags/blockquote-center.styl b/source/css/_common/scaffolding/tags/blockquote-center.styl
index 9bb834c..0982647 100644
--- a/source/css/_common/scaffolding/tags/blockquote-center.styl
+++ b/source/css/_common/scaffolding/tags/blockquote-center.styl
@@ -6,23 +6,26 @@
   position: relative;
   text-align: center;
 
-  .fa {
-    display: block;
+  &::before, &::after {
+    left: 0;
+    line-height: 1;
     opacity: .6;
     position: absolute;
     width: 100%;
   }
 
-  .fa-quote-left {
+  &::before {
     border-top: 1px solid $grey-light;
     text-align: left;
     top: -20px;
+    font-family-icons('\f10d');
   }
 
-  .fa-quote-right {
+  &::after {
     border-bottom: 1px solid $grey-light;
     bottom: -20px;
     text-align: right;
+    font-family-icons('\f10e');
   }
 
   p, div {
diff --git a/source/css/_schemes/Mist/_posts-expand.styl b/source/css/_schemes/Mist/_posts-expand.styl
index 9c42b72..f168a2b 100644
--- a/source/css/_schemes/Mist/_posts-expand.styl
+++ b/source/css/_schemes/Mist/_posts-expand.styl
@@ -31,12 +31,12 @@
     text-align: left;
 
     a {
-      background: $whitesmoke;
+      background: var(--content-bg-color);
       border-bottom: none;
       padding: 1px 5px;
 
       &:hover {
-        background: $grey-light;
+        background: var(--menu-item-bg-color);
       }
     }
   }