From be9972a26c73a8881f1945d4d6c723b550f06b8f Mon Sep 17 00:00:00 2001
From: Chen Hui Jing <1461498+huijing@users.noreply.github.com>
Date: Mon, 5 Aug 2024 17:09:18 +0800
Subject: [PATCH] style: unify code block border style on engineering blog
 (#71)

---
 astro.config.mjs             | 4 ++++
 src/layouts/BlogLayout.astro | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/astro.config.mjs b/astro.config.mjs
index 190e248..0e0088d 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -113,6 +113,10 @@ export default defineConfig({
       ],
       expressiveCode: {
         themes: ["github-dark-dimmed"],
+        styleOverrides: {
+          borderColor: "transparent",
+          borderRadius: "var(--border-radius)",
+        },
       },
     }),
   ],
diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
index 9dd173c..bbe2c74 100644
--- a/src/layouts/BlogLayout.astro
+++ b/src/layouts/BlogLayout.astro
@@ -188,4 +188,8 @@ article :global(tbody tr:last-of-type th:last-child),
 article :global(tbody tr:last-of-type td:last-child) {
   border-end-end-radius: var(--border-radius);
 }
+
+article :global(.expressive-code) {
+	margin-block-end: var(--space-s);
+}
 </style>