fix: blockquote>p margin

Erimus-Koo · Aug 8, 2022 · 9aa0aa1 · 9aa0aa1
1 parent 1c66a5d
commit 9aa0aa1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 2 deletions.
diff --git a/typora-docsify.css b/typora-docsify.css
@@ -480,7 +480,7 @@ body,
 }
 #write blockquote,
 .markdown-section blockquote {
-  padding: 0.5rem 0.75rem;
+  padding: 0.75rem 0.75rem;
   border-left: 4px solid #CCC;
   background: rgba(238, 238, 238, 0.5);
   color: rgba(34, 34, 34, 0.75);
@@ -490,6 +490,15 @@ body,
 #write blockquote p,
 .markdown-section blockquote p {
   font: 0.9em/1.5 'Poppins', 'Source Han Sans HC', 'PingFang', 'Microsoft YaHei', sans-serif;
+  margin: 0.75rem 0;
+}
+#write blockquote p:first-child,
+.markdown-section blockquote p:first-child {
+  margin-top: 0;
+}
+#write blockquote p:last-child,
+.markdown-section blockquote p:last-child {
+  margin-bottom: 0;
 }
 #write blockquote:hover,
 .markdown-section blockquote:hover {

diff --git a/typora-docsify.less b/typora-docsify.less
@@ -479,15 +479,26 @@ body,
     }
 
     blockquote {
-        padding: .5rem .75rem;
+        @block-gap: .75rem;
+        padding: @block-gap .75rem;
         border-left: 4px solid @c_border;
         background: fadeout(@c_light, 50%);
         color: fadeout(@font_color, 25%);
         border-radius: 0 @block_border_radius @block_border_radius 0;
         transition: 1s;
 
+
         p {
             font: .9em/1.5 @sans;
+            margin: @block-gap 0;
+
+            &:first-child {
+                margin-top: 0;
+            }
+
+            &:last-child {
+                margin-bottom: 0;
+            }
         }
 
         &:hover {