fix(style): margin issues of layout "poetry"

...which are caused by `display: table`.
reuixiy · Apr 10, 2020 · bbef0de · bbef0de
1 parent 28f26c0
commit bbef0de
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 2 deletions.
diff --git a/assets/scss/base/_data-attributes.scss b/assets/scss/base/_data-attributes.scss
@@ -32,6 +32,28 @@
         display: table;
         margin: 0 auto;
     }
+    .post-body > p:first-child {
+        img, video {
+            margin-top: 0;
+        }
+    }
+    .post-body > blockquote:first-child {
+        margin-top: 0;
+    }
+    .post-body > blockquote:last-child {
+        margin-bottom: 0;
+    }
+    .post-body > p:last-child {
+        margin: 0;
+    }
+    .post-body > p:last-child {
+        img, video {
+            margin-bottom: 0;
+        }
+    }
+    section.footnotes > ol > li:last-child > p:last-child {
+        margin: 0;
+    }
 }
 
 [data-toc-num="true"] {