From cc399e9d80b6d958c10eedcef8f40cc39433ad7f Mon Sep 17 00:00:00 2001
From: soloturn <soloturn@gmail.com>
Date: Wed, 11 Nov 2026 20:04:19 +0100
Subject: [PATCH] fix: render blog code blocks at a readable size

body is 10px, so Bootstrap's `pre { font-size: .875em }` gave about 9px. Set 1.4rem plus padding and rounded corners on post code blocks. Highlighting already comes from Astro's Shiki. Refs #211.

Co-Authored-By: soloturn <soloturn@gmail.com>
---
 src/styles/_posts.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/styles/_posts.scss b/src/styles/_posts.scss
index 5e82a060..3be4133e 100644
--- a/src/styles/_posts.scss
+++ b/src/styles/_posts.scss
@@ -19,6 +19,13 @@
   margin-right: auto;
 }
 
+// body is 10px, so Bootstrap's `pre { font-size: .875em }` would render ~9px.
+.post-content pre {
+  font-size: 1.4rem;
+  padding: 1rem;
+  border-radius: 5px;
+}
+
 .post-cover {
   border-radius: 5px;
   box-shadow: