ui: optimize markdown style (#365)

XPoet · Oct 15, 2024 · 1295c4e · 1295c4e
1 parent c57764d
commit 1295c4e
Showing 1 changed file with 19 additions and 11 deletions.
diff --git a/source/css/common/markdown.styl b/source/css/common/markdown.styl
@@ -1,4 +1,4 @@
-$h1-font-size = 1.7rem
+$h1-font-size = 1.68rem
 $h2-font-size = 1.6rem
 $h3-font-size = 1.5rem
 $h4-font-size = 1.4rem
@@ -175,12 +175,12 @@ $h6-font-size = 1.2rem
 
 
     +keep-tablet() {
-      line-height 1.4
+      line-height 1.5
     }
 
 
     +keep-mobile() {
-      line-height 1.3
+      line-height 1.4
     }
 
 
@@ -229,7 +229,7 @@ $h6-font-size = 1.2rem
     }
 
     +keep-mobile() {
-      line-height $h1-font-size * 0.8
+      font-size $h1-font-size * 0.8
     }
 
     a.headerlink
@@ -248,7 +248,7 @@ $h6-font-size = 1.2rem
     }
 
     +keep-mobile() {
-      line-height $h2-font-size * 0.8
+      font-size $h2-font-size * 0.8
     }
 
     a.headerlink
@@ -266,10 +266,12 @@ $h6-font-size = 1.2rem
       font-size $h3-font-size * 0.9
     }
 
+
     +keep-mobile() {
-      line-height $h3-font-size * 0.8
+      font-size $h3-font-size * 0.8
     }
 
+
     a.headerlink
     a.markdownIt-Anchor {
       font-size $h3-font-size * 0.8
@@ -285,10 +287,12 @@ $h6-font-size = 1.2rem
       font-size $h4-font-size * 0.9
     }
 
+
     +keep-mobile() {
-      line-height $h4-font-size * 0.8
+      font-size $h4-font-size * 0.8
     }
 
+
     a.headerlink
     a.markdownIt-Anchor {
       font-size $h4-font-size * 0.8
@@ -304,10 +308,12 @@ $h6-font-size = 1.2rem
       font-size $h5-font-size * 0.9
     }
 
+
     +keep-mobile() {
-      line-height $h5-font-size * 0.8
+      font-size $h5-font-size * 0.8
     }
 
+
     a.headerlink
     a.markdownIt-Anchor {
       font-size $h5-font-size * 0.8
@@ -318,11 +324,13 @@ $h6-font-size = 1.2rem
   h6 {
     font-weight 500
     font-size $h6-font-size
-    line-height 1.2
 
     +keep-tablet() {
-      font-size $h6-font-size
-      line-height 1.1
+      font-size $h6-font-size * 0.9
+    }
+
+    +keep-mobile() {
+      font-size $h6-font-size * 0.8
     }
 
     a.headerlink