From 3ec70eed6bb81c87b092bd09173d07420392f157 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Mon, 15 Apr 2024 21:05:11 +0800
Subject: [PATCH] Adjust heading and heading wrapper margins

---
 src/assets/css/main.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a42a9f98..016bd580 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -141,16 +141,19 @@ h2, h3, h4, h5, h6 {
 
 h2, h3 {
     line-height: 1.2;
-    margin-bottom: 0.4em;
 }
 
-h2 {
+h2, .h2 {
     font-size: clamp(1.55rem,1rem + 3vw,2.15rem);
 }
 
-h3 {
+h3, .h3 {
     font-size: clamp(1.55rem,1rem + 3vw,1.8rem);
+}
 
+h2:has(+ *[class]), .h2:has(+ *[class]),
+h3:has(+ *[class]), .h3:has(+ *[class]) {
+    margin-bottom: 0.5em;
 }
 
 hr {
@@ -274,6 +277,12 @@ main {
     gap: 0.2em;
 }
 
+.content > * + .h2,
+.content__section > * + .h2,
+.article > * + .h2 {
+    margin-top: 2em;
+}
+
 .content > * + :not([class]),
 .content__section > * + :not([class]),
 .article > * + :not([class]) {