From 1ae467b417421627563196a5e4d961866bbeefb6 Mon Sep 17 00:00:00 2001
From: Piggy NL <piggynl@outlook.com>
Date: Sat, 22 Jan 2022 11:13:21 +0800
Subject: [PATCH] fix: fix <em> styling

---
 _site/heti.css                | 6 ++++++
 lib/helpers/_inline.scss      | 3 +++
 lib/modifiers/annotation.scss | 3 +++
 3 files changed, 12 insertions(+)

diff --git a/_site/heti.css b/_site/heti.css
index d9c95be..7f17d77 100644
--- a/_site/heti.css
+++ b/_site/heti.css
@@ -769,11 +769,14 @@
 .heti--annotation em {
   -webkit-text-emphasis: filled circle;
   -webkit-text-emphasis-position: under;
+  text-emphasis: filled circle;
+  text-emphasis-position: under right;
   font-weight: 400;
 }
 
 .heti--annotation em:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), .heti--annotation em:not(:lang(zh)) {
   -webkit-text-emphasis: none;
+  text-emphasis: none;
 }
 
 .heti--annotation .heti-meta {
@@ -883,10 +886,13 @@
 .heti .heti-em {
   -webkit-text-emphasis: filled circle;
   -webkit-text-emphasis-position: under;
+  text-emphasis: filled circle;
+  text-emphasis-position: under right;
 }
 
 .heti .heti-em:not(:lang(zh)):not(:lang(ja)):not(:lang(kr)), .heti .heti-em:not(:lang(zh)) {
   -webkit-text-emphasis: none;
+  text-emphasis: none;
 }
 
 .heti .heti-ruby--inline {
diff --git a/lib/helpers/_inline.scss b/lib/helpers/_inline.scss
index 8d2d8eb..0893fcb 100644
--- a/lib/helpers/_inline.scss
+++ b/lib/helpers/_inline.scss
@@ -13,9 +13,12 @@
   #{$root-selector}-em {
     -webkit-text-emphasis: filled circle;
     -webkit-text-emphasis-position: under;
+    text-emphasis: filled circle;
+    text-emphasis-position: under right;
 
     @include non-cjk-block {
       -webkit-text-emphasis: none;
+      text-emphasis: none;
     }
   }
 
diff --git a/lib/modifiers/annotation.scss b/lib/modifiers/annotation.scss
index a68078b..b1dc9c4 100644
--- a/lib/modifiers/annotation.scss
+++ b/lib/modifiers/annotation.scss
@@ -16,10 +16,13 @@
     em {
       -webkit-text-emphasis: filled circle;
       -webkit-text-emphasis-position: under;
+      text-emphasis: filled circle;
+      text-emphasis-position: under right;
       font-weight: $font-weight-normal;
 
       @include non-cjk-block {
         -webkit-text-emphasis: none;
+        text-emphasis: none;
       }
     }