move compact docs layout changes to separate css

Author: thelindat

app/docs/docs.css

@@ -0,0 +1,30 @@
+@import "tailwindcss";
+@import "fumadocs-ui/css/vitepress.css";
+@import "fumadocs-ui/css/preset.css";
+
+ul,
+li {
+  margin: 0;
+}
+
+ul {
+  margin-bottom: 1em;
+}
+
+@layer utilities {
+  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    margin-top: 0.5em;
+    margin-bottom: 1em;
+  }
+}
+
+@layer utilities {
+  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
+    color: var(--tw-prose-headings);
+    margin-top: 1em;
+    margin-bottom: 1em;
+    font-size: 1.5em;
+    font-weight: 600;
+    line-height: 1.33333;
+  }
+}

app/docs/layout.tsx

@@ -1,6 +1,7 @@
 import { source } from "@/lib/source";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
 import { baseOptions } from "@/lib/layout.shared";
+import './docs.css'
 
 export default function Layout({ children }: LayoutProps<"/docs">) {
   return (

app/global.css

@@ -34,30 +34,3 @@ body {
     40px 40px,
     40px 40px;
 }
-
-ul,
-li {
-  margin: 0;
-}
-
-ul {
-  margin-bottom: 1em;
-}
-
-@layer utilities {
-  .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    margin-top: 0.5em;
-    margin-bottom: 1em;
-  }
-}
-
-@layer utilities {
-  .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
-    color: var(--tw-prose-headings);
-    margin-top: 1em;
-    margin-bottom: 1em;
-    font-size: 1.5em;
-    font-weight: 600;
-    line-height: 1.33333;
-  }
-}