From e361ac1ead637aee3da0faa001c3cfbca16706ee Mon Sep 17 00:00:00 2001
From: Zhao Zuohong <1040110848@qq.com>
Date: Fri, 9 Dec 2022 23:07:56 +0800
Subject: [PATCH] :lipstick: Improve style of codeblocks and block quotes

---
 assets/style-refractored.scss | 37 +++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/assets/style-refractored.scss b/assets/style-refractored.scss
index fdfef2e..6848231 100644
--- a/assets/style-refractored.scss
+++ b/assets/style-refractored.scss
@@ -15,13 +15,50 @@ body{
     font-size: 16px;
     line-height: 24px;
     color: rgb(33, 37, 41);
+
     code {
         font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, "Microsoft YaHei", monospace;
+    }
+
+    :not(pre) > code {
         font-size: 14px;
         background-color: #e3e6e8;
         padding: 2px 4px;
         border-radius: 3px;
     }
+
+    .highlight {
+        width: 100%;
+        font-size: 13px;
+        margin-bottom: 16px;
+        overflow-x: auto;
+
+        pre {
+            margin: 0;
+            padding: 6px 0;
+        }
+    }
+
+    blockquote {
+        position: relative;
+        overflow: hidden;
+        margin: 0 16px 16px 16px;
+        padding: 16px 0 0 16px;
+        color: #525960;
+
+        &::before {
+            content: "";
+            display: block;
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            width: 4px;
+            border-radius: 2px;
+            background: #c8ccd0;
+        }
+    }
+
     overflow-wrap: break-word;
 }