css: add margin for div only when overriding layout, closes #1286 (#1309)

This commit is contained in:
Huang Xin
2025-06-02 13:59:58 +08:00
committed by GitHub
parent a9965fd52c
commit b497ddacac
+7 -1
View File
@@ -251,12 +251,18 @@ const getLayoutStyles = (
p:has(> img:only-child), p:has(> span:only-child > img:only-child) {
text-indent: unset !important;
}
p, div {
p {
${vertical ? `margin-left: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
${vertical ? `margin-right: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
${!vertical ? `margin-top: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
${!vertical ? `margin-bottom: ${paragraphMargin}em ${overrideLayout ? '!important' : ''};` : ''}
}
div {
${vertical && overrideLayout ? `margin-left: ${paragraphMargin}em !important;` : ''}
${vertical && overrideLayout ? `margin-right: ${paragraphMargin}em !important;` : ''}
${!vertical && overrideLayout ? `margin-top: ${paragraphMargin}em !important;` : ''}
${!vertical && overrideLayout ? `margin-bottom: ${paragraphMargin}em !important;` : ''}
}
pre {
white-space: pre-wrap !important;