1
1
mirror of https://github.com/theoludwig/theoludwig.git synced 2025-05-29 22:37:44 +02:00

fix: responsive on blog post with code blocks and katex

This commit is contained in:
Divlo
2023-05-21 18:21:46 +02:00
parent dc5c3cee41
commit 61e589f0f4
6 changed files with 77 additions and 58 deletions

View File

@ -2,8 +2,13 @@
@tailwind components;
@tailwind utilities;
.break-wrap-words {
word-wrap: break-word;
word-break: break-word;
}
.prose {
@apply !max-w-4xl text-gray dark:text-gray-300;
@apply !max-w-5xl text-gray dark:text-gray-300;
}
.prose a,
@ -28,8 +33,6 @@
}
.shiki {
white-space: pre-wrap !important;
word-break: normal !important;
word-wrap: normal;
}
code {
counter-reset: step;
@ -43,4 +46,12 @@ code .line::before {
display: inline-block;
text-align: right;
color: rgba(133, 133, 133, 0.8);
word-wrap: normal;
word-break: normal;
}
.katex .base {
display: inline !important;
white-space: normal !important;
width: 100% !important;
}