From 66dc12aee4d80f1f5471bcc8d22c24194c59c0e9 Mon Sep 17 00:00:00 2001
From: Seaton Jiang <hi@seatonjiang.com>
Date: Fri, 27 May 2022 12:10:41 +0800
Subject: [PATCH] fix: header styles smaller than 768px (#510)

---
 style.css | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/style.css b/style.css
index 4f57ac7..8dabf46 100644
--- a/style.css
+++ b/style.css
@@ -966,15 +966,9 @@ ol {
 	line-height: 1.25;
 }
 
-.k-main .details .article h1 {
+.k-main .details .article .header h1 {
 	margin-bottom: 16px;
 	font-weight: 500;
-	line-height: 1.25;
-}
-
-.k-main .details .article h1 {
-	margin-bottom: 24px;
-	font-size: 34px;
 }
 
 .k-main .details .article .content h2:not(:first-child) {
@@ -1338,12 +1332,24 @@ ol {
 		padding: 0 16px 12px;
 	}
 
-	.k-main .details .article h1 {
-		margin-top: 14px;
+	.k-main .details .article .header h1 {
 		margin-bottom: 14px;
+		font-size: 24px;
+	}
+
+	.k-main .details .article .content h1 {
+		font-weight: 500;
 		font-size: 22px;
 	}
 
+	.k-main .details .article .content h2:not(:first-child) {
+		font-size: 20px;
+	}
+
+	.k-main .details .article .content h3:not(:first-child) {
+		font-size: 18px;
+	}
+
 	.k-main .details .article .header .meta {
 		font-size: 12px;
 	}