From 28e23d9ccb21562a8d6c299a05c5a693890fb52d Mon Sep 17 00:00:00 2001
From: David Karlsson <35727626+dvdksn@users.noreply.github.com>
Date: Thu, 25 Apr 2024 15:35:21 +0200
Subject: [PATCH] css: apply basic styles to indented code blocks

Signed-off-by: David Karlsson <35727626+dvdksn@users.noreply.github.com>
---
 assets/css/code.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/assets/css/code.css b/assets/css/code.css
index 3dcb68fb7d..08d9346fcc 100644
--- a/assets/css/code.css
+++ b/assets/css/code.css
@@ -24,6 +24,20 @@
     }
   }
 
+  /* Indented code blocks */
+  :not(.highlight) > pre {
+    @apply my-4 overflow-x-auto p-3;
+    font-size: 0.875em;
+    border: 1px solid;
+    border-radius: theme("spacing.1");
+    background: theme("colors.white");
+    border-color: theme("colors.gray.light.300");
+    .dark & {
+      background: theme("colors.gray.dark.200");
+      border-color: theme("colors.gray.dark.300");
+    }
+  }
+
   .highlight {
     @apply my-4 overflow-x-auto p-3;