Fix prose config

studio1902 · Feb 6, 2025 · 9fdc199 · 9fdc199
1 parent 9d3e311
commit 9fdc199
Show file tree

Hide file tree

Showing 4 changed files with 40 additions and 36 deletions.
diff --git a/export/public/build/assets/site-BdHrBFsY.css b/export/public/build/assets/site-BdHrBFsY.css
diff --git a/export/public/build/assets/site-C8htMbvX.css b/export/public/build/assets/site-C8htMbvX.css
diff --git a/export/public/build/manifest.json b/export/public/build/manifest.json
@@ -32,7 +32,7 @@
     "name": "lodash-es"
   },
   "resources/css/site.css": {
-    "file": "assets/site-BdHrBFsY.css",
+    "file": "assets/site-C8htMbvX.css",
     "src": "resources/css/site.css",
     "isEntry": true
   },

diff --git a/export/resources/css/typography.css b/export/resources/css/typography.css
@@ -1,41 +1,45 @@
 @plugin "@tailwindcss/typography";
 
-@layer utilities {
-    .prose {
-        --tw-prose-body: var(--color-neutral);
-        --tw-prose-headings: var(--color-neutral);
-        --tw-prose-lead: var(--color-neutral);
-        --tw-prose-links: var(--color-neutral);
-        --tw-prose-bold: var(--color-neutral);
-        --tw-prose-counters: var(--color-neutral);
-        --tw-prose-bullets: var(--color-neutral);
-        --tw-prose-hr: var(--color-neutral);
-        --tw-prose-quotes: var(--color-neutral);
-        --tw-prose-quote-borders: var(--color-primary);
-        --tw-prose-captions: var(--color-neutral);
-        --tw-prose-code: var(--color-neutral);
-        --tw-prose-pre-code: var(--color-white);
-        --tw-prose-pre-bg: var(--color-neutral);
-        --tw-prose-th-borders: var(--color-neutral);
-        --tw-prose-td-borders: var(--color-neutral);
+@utility prose {
+    --tw-prose-body: var(--color-neutral);
+    --tw-prose-headings: var(--color-neutral);
+    --tw-prose-lead: var(--color-neutral);
+    --tw-prose-links: var(--color-neutral);
+    --tw-prose-bold: var(--color-neutral);
+    --tw-prose-counters: var(--color-neutral);
+    --tw-prose-bullets: var(--color-neutral);
+    --tw-prose-hr: var(--color-neutral);
+    --tw-prose-quotes: var(--color-neutral);
+    --tw-prose-quote-borders: var(--color-primary);
+    --tw-prose-captions: var(--color-neutral);
+    --tw-prose-code: var(--color-neutral);
+    --tw-prose-pre-code: var(--color-white);
+    --tw-prose-pre-bg: var(--color-neutral);
+    --tw-prose-th-borders: var(--color-neutral);
+    --tw-prose-td-borders: var(--color-neutral);
+}
 
-        --tw-prose-invert-body: var(--color-white);
-        --tw-prose-invert-headings: var(--color-white);
-        --tw-prose-invert-lead: var(--color-white);
-        --tw-prose-invert-links: var(--color-white);
-        --tw-prose-invert-bold: var(--color-white);
-        --tw-prose-invert-counters: var(--color-white);
-        --tw-prose-invert-bullets: var(--color-white);
-        --tw-prose-invert-hr: var(--color-white);
-        --tw-prose-invert-quotes: var(--color-white);
-        --tw-prose-invert-quote-borders: var(--color-white);
-        --tw-prose-invert-captions: var(--color-white);
-        --tw-prose-invert-code: var(--color-white);
-        --tw-prose-invert-pre-code: var(--color-neutral);
-        --tw-prose-invert-pre-bg: var(--color-white);
-        --tw-prose-invert-th-borders: var(--color-white);
-        --tw-prose-invert-td-borders: var(--color-white);
+@utility prose-invert {
+    --tw-prose-invert-body: var(--color-white);
+    --tw-prose-invert-headings: var(--color-white);
+    --tw-prose-invert-lead: var(--color-white);
+    --tw-prose-invert-links: var(--color-white);
+    --tw-prose-invert-bold: var(--color-white);
+    --tw-prose-invert-counters: var(--color-white);
+    --tw-prose-invert-bullets: var(--color-white);
+    --tw-prose-invert-hr: var(--color-white);
+    --tw-prose-invert-quotes: var(--color-white);
+    --tw-prose-invert-quote-borders: var(--color-white);
+    --tw-prose-invert-captions: var(--color-white);
+    --tw-prose-invert-code: var(--color-white);
+    --tw-prose-invert-pre-code: var(--color-white);
+    --tw-prose-invert-pre-bg: var(--color-white);
+    --tw-prose-invert-th-borders: var(--color-white);
+    --tw-prose-invert-td-borders: var(--color-white);
+}
 
+@layer utilities {
+    .prose {
         line-height: 1.5em;
 
         ul > li > p,