refactor: css rules for non-CJK blocks using a new function

kirklin · Sep 22, 2023 · adf0b96 · adf0b96
1 parent b06169f
commit adf0b96
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/src/typography/css/other.ts b/src/typography/css/other.ts
@@ -1,4 +1,5 @@
 import { getVariables } from "./variables";
+import { getNonCjkBlockCss } from "./nonCjkBlock";
 
 export const generateOtherCss = (selectorName: string) => {
   return `
@@ -79,10 +80,10 @@ export const generateOtherCss = (selectorName: string) => {
   text-emphasis: filled circle;
   text-emphasis-position: under right;
 }
-.${selectorName} .${selectorName}-em:not(:lang(zh)):not(:lang(ja)):not(:lang(ko)), .${selectorName} .${selectorName}-em:not(:lang(zh)) {
-  -webkit-text-emphasis: none;
-  text-emphasis: none;
-}
+${getNonCjkBlockCss(`${selectorName}-em`, {
+    "-webkit-text-emphasis": "start",
+    "text-emphasis": "none",
+})}
 .${selectorName} .${selectorName}-ruby--inline {
   display: inline-flex;
   flex-direction: column-reverse;

diff --git a/src/typography/preflights/base.ts b/src/typography/preflights/base.ts
@@ -40,10 +40,6 @@ export const ChineseBase = {
     "text-align": "justify",
   },
 
-  "p:not(:lang(zh)):not(:lang(ja)):not(:lang(ko))": {
-    "text-align": "start",
-  },
-
   "pre": {
     "margin-block-start": `calc(${getVariables.stdBlockUnit} * 0.5)`,
     "margin-block-end": `calc(${getVariables.stdBlockUnit} * 0.5)`,