From 18cd83125d9dfffc432f59e8fcdc1a2dc4a45872 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <jimmehcai@gmail.com>
Date: Tue, 8 Sep 2020 13:01:27 +0200
Subject: [PATCH] feat(scss): improve blockquote style

---
 assets/scss/partials/layout/article.scss | 3 ++-
 assets/scss/variables.scss               | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/scss/partials/layout/article.scss b/assets/scss/partials/layout/article.scss
index 801a36c..8ae6fac 100644
--- a/assets/scss/partials/layout/article.scss
+++ b/assets/scss/partials/layout/article.scss
@@ -219,7 +219,8 @@
         position: relative;
         margin: 10px 0;
         border-left: var(--blockquote-border-size) solid var(--card-separator-color);
-        padding: 0 calc(var(--content-padding) - var(--blockquote-border-size));
+        padding: 15px calc(var(--content-padding) - var(--blockquote-border-size));
+        background-color: var(--blockquote-background-color);
     }
 
     & > ul {
diff --git a/assets/scss/variables.scss b/assets/scss/variables.scss
index 244b5ae..6e820ff 100644
--- a/assets/scss/variables.scss
+++ b/assets/scss/variables.scss
@@ -56,6 +56,8 @@ $on-desktop-large: 1920px;
     */
     --content-padding: 30px;
     --blockquote-border-size: 4px;
+    --blockquote-background-color: #efefee;
+
     --heading-border-size: 4px;
 
     @media (max-width: $on-desktop-large) {
@@ -105,5 +107,7 @@ $on-desktop-large: 1920px;
 
         --table-border-color: #717171;
         --tr-even-background-color: #545454;
+
+        --blockquote-background-color: #545454;
     }
 }