diff --git a/src/typography/css/other.ts b/src/typography/css/other.ts index 20f8ac0..34ac012 100644 --- 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 index f124794..879217d 100644 --- 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)`,