Add CSS overflow/wrapping on KaTeX, tables, and code sections

This commit is contained in:
Ryan Gibson 2023-12-18 15:14:41 -05:00
parent b6744efbf2
commit 6e956ef471
No known key found for this signature in database
GPG key ID: 2179CAF509FD45EA

View file

@ -111,6 +111,21 @@ body:has(#menu-controller:checked) {
@apply absolute opacity-5 -z-10;
}
/* Fix long KaTeX equations on mobile (see https://katex.org/docs/issues.html#css-customization) */
.katex-display { overflow: auto hidden }
/* Fix long tables breaking out of article on mobile */
table {
display: block;
overflow: auto;
}
/* Fix long inline code sections breaking out of article on mobile */
code {
word-wrap: break-word; /* All browsers since IE 5.5+ */
overflow-wrap: break-word; /* Renamed property in CSS3 draft spec */
}
/* -- Chroma Highlight -- */
/* Background */
.prose .chroma {