From 9f42dcb667ed01cb8dc1cd1ea05b49f624efa849 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Sun, 20 Oct 2024 21:33:04 +0800
Subject: [PATCH] Replace content paragraph top margin with margin-block-start

---
 src/_includes/global/content.njk | 2 +-
 src/assets/css/content.css       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/_includes/global/content.njk b/src/_includes/global/content.njk
index ec8960d6..3f5c7ce3 100644
--- a/src/_includes/global/content.njk
+++ b/src/_includes/global/content.njk
@@ -109,7 +109,7 @@
 
     .blog__post--pagination {
         padding-top: 1em;
-        margin-top: 2.5em;
+        margin-block-start: 2.5em;
         border-top: 0.1em solid var(--clr-title-border);
     }
 
diff --git a/src/assets/css/content.css b/src/assets/css/content.css
index 61ce398c..d720369a 100644
--- a/src/assets/css/content.css
+++ b/src/assets/css/content.css
@@ -24,10 +24,10 @@ content-wrapper,
 }
 
 .content > * + .h2,
-.content__section > * + .h2 { margin-top: 2em; }
+.content__section > * + .h2 { margin-block-start: 2em; }
 
 .content > * + :not([class]),
-.content__section > * + :not([class]) { margin-top: var(--sz-paragraph-margin); }
+.content__section > * + :not([class]) { margin-block-start: var(--sz-paragraph-margin); }
 
 .content ul:not([class]), .content ol:not([class]) {
     display: grid;
@@ -35,7 +35,7 @@ content-wrapper,
 }
 
 .content ul ul, .content ol ol,
-.content ul ol, .content ol ul { margin-top: var(--sz-content-list-gap); }
+.content ul ol, .content ol ul { margin-block-start: var(--sz-content-list-gap); }
 
 .sidebar--sticky {
     position: sticky;