marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: KaTeX display blocks + prose spacing

Browse Source 
- Replace overflow-x: auto with overflow: visible on .katex-display
- Add white-space: normal on .katex-display > .katex
- Add responsive scaling at 640px breakpoint
- Add prose integration margin rules for spacing between prose and math
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 22:44:58 -05:00
parent 9d170e4a43
commit c9ff29377a
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
app/globals.css
View File

@@ -282,9 +282,28 @@ html.dark code[data-theme*=" "] span {
font-size: 1.1em !important; font-size: 1.1em !important;
} }
.katex-display { .katex-display {
margin: 1.5rem 0; overflow: visible;
overflow-x: auto; max-width: 100%;
margin: 1.5em 0;
text-align: center;
} }
.katex-display > .katex {
display: block;
text-align: center;
white-space: normal;
}
@media (max-width: 640px) {
.katex-display > .katex {
transform: scale(0.85);
transform-origin: center top;
}
.katex-display {
margin: 0.8em 0;
}
}
.prose p + .katex-display { margin-top: 0.5em; }
.prose .katex-display + p { margin-bottom: 0.5em; }
.prose p .katex { vertical-align: middle; }
.katex .katex-mathml { .katex .katex-mathml {
position: absolute; position: absolute;
clip: rect(1px, 1px, 1px, 1px); clip: rect(1px, 1px, 1px, 1px);