Fix codeblock rendering

snugnug · Dec 6, 2024 · 22dfa18 · 22dfa18
1 parent 01dc400
commit 22dfa18
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 16 deletions.
diff --git a/src/content/docs/es/whynixos.md b/src/content/docs/es/whynixos.md
diff --git a/src/pages/[lang]/docs/[...slug].astro b/src/pages/[lang]/docs/[...slug].astro
@@ -21,7 +21,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-test justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
   >
     <h1>{entry.data.title}</h1>
     <Content />

diff --git a/src/pages/[lang]/preface.astro b/src/pages/[lang]/preface.astro
@@ -22,7 +22,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-test justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
   >
     <h1>{entry.data.title}</h1>
     <Content />

diff --git a/src/pages/[lang]/why-nixos.astro b/src/pages/[lang]/why-nixos.astro
@@ -22,7 +22,7 @@ const { Content } = await render(entry);
 
 <Layout>
   <div
-    class="prose prose-test justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
+    class="prose prose-colors justify-center justify-items-center max-w-none prose-sm px-2 md:prose-lg lg:prose-xl"
   >
     <h1>{entry.data.title}</h1>
     <Content />

diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -1,5 +1,5 @@
 /** @type {import('tailwindcss').Config} */
-const plugin = require('tailwindcss/plugin');
+const plugin = require("tailwindcss/plugin");
 
 export default {
   content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
@@ -22,7 +22,17 @@ export default {
         },
       },
       typography: ({ theme }) => ({
-        test: {
+        DEFAULT: {
+          css: {
+            "code::before": {
+              content: "",
+            },
+            "code::after": {
+              content: "",
+            },
+          },
+        },
+        colors: {
           css: {
             "--tw-prose-body": theme("colors.theme[900]"),
             "--tw-prose-headings": theme("colors.theme[900]"),
@@ -61,10 +71,10 @@ export default {
       }),
     },
   },
-        plugins: [
-                require("@tailwindcss/typography"),
-                plugin(function({ addVariant }) {
-      addVariant('children', '&>*')
-    })
-],
+  plugins: [
+    require("@tailwindcss/typography"),
+    plugin(function ({ addVariant }) {
+      addVariant("children", "&>*");
+    }),
+  ],
 };