Enhance blockquote styling for code blocks

Add Tailwind CSS utilities to adjust the width and margin of code blocks within blockquotes. This change ensures better visual consistency and alignment in small screens and larger displays.
reatlat · Dec 7, 2024 · 301ccee · 301ccee
1 parent 23cc97a
commit 301ccee
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -227,6 +227,9 @@ export default {
                         "@apply bg-zenith-700 drop-shadow-lg dark:drop-shadow-none":
                             {},
                     },
+                'blockquote > pre[class*="language-"]': {
+                    "@apply w-[calc(100%+1rem)] sm:w-full mr-0": {},
+                },
                 ".prose p": {
                     "@apply text-pretty": {},
                 },