style: unify code block border style on engineering blog (#71)

interledger · Aug 5, 2024 · be9972a · be9972a
1 parent 068e9c4
commit be9972a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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>