fix: fix alignment for <rt> and <em> font-face

Fixes #32 #37
sivan · Nov 2, 2020 · 5407f6d · 5407f6d
2 parents feaa583 + 2ef37ac
commit 5407f6d
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/_site/heti.css b/_site/heti.css
@@ -588,6 +588,7 @@
   font-family: "Times New Roman", Times, "Heti Kai", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
+.heti--classic em,
 .heti--classic figcaption,
 .heti--classic caption,
 .heti--classic th {
@@ -893,7 +894,9 @@
 
 .heti .heti-ruby--inline rt {
   display: inline;
-  line-height: 0.5;
+  margin-bottom: -0.25em;
+  line-height: 1;
+  text-align: center;
 }
 
 .heti heti-spacing {

diff --git a/lib/helpers/_inline.scss b/lib/helpers/_inline.scss
@@ -31,7 +31,9 @@
 
       rt {
         display: inline;
-        line-height: 0.5;
+        margin-bottom: -0.25em;
+        line-height: 1;
+        text-align: center;
       }
     }
   }

diff --git a/lib/modifiers/font-stack.scss b/lib/modifiers/font-stack.scss
@@ -38,7 +38,8 @@
       font-family: $font-family-kai;
     }
 
-    // 说明文字、表头使用黑体
+    // 强调、说明文字、表头使用黑体
+    em,
     figcaption,
     caption,
     th {

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "heti",
-  "version": "0.8.0",
+  "version": "0.8.1",
   "description": "赫蹏是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来，可以为网站的读者带来更好的文章阅读体验。",
   "main": "lib/heti.scss",
   "files": [