fix: padding instead of margin for headers

for scroll behavior (height) when click on toc item
Candinya · Sep 8, 2024 · 489774b · 489774b
1 parent 41290ec
commit 489774b
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/scss/kr-core.scss b/src/scss/kr-core.scss
@@ -284,24 +284,24 @@ h6 {
   &.kr-post,
   &.kr-page {
     h1 {
-      margin-top: 48px;
+      padding-top: 48px;
       margin-left: 16px;
     }
 
     h2 {
-      margin-top: 36px;
+      padding-top: 36px;
       margin-left: 14px;
     }
 
     h3 {
-      margin-top: 30px;
+      padding-top: 30px;
       margin-left: 12px;
     }
 
     h4,
     h5,
     h6 {
-      margin-top: 20px;
+      padding-top: 20px;
       margin-left: 12px;
     }
 
@@ -320,6 +320,7 @@ h6 {
     h5,
     h6 {
       transition: color 0.3s ease-in-out;
+      margin-top: 0;
     }
   }
 }