setup styling with tailwind

railwayapp · Jan 30, 2025 · d92d779 · d92d779
1 parent 3cff499
commit d92d779
Show file tree

Hide file tree

Showing 6 changed files with 236 additions and 2 deletions.
diff --git a/docs/astro.config.mjs b/docs/astro.config.mjs
@@ -2,6 +2,8 @@
 import { defineConfig } from "astro/config";
 import starlight from "@astrojs/starlight";
 
+import tailwind from "@astrojs/tailwind";
+
 // https://astro.build/config
 export default defineConfig({
   integrations: [
@@ -10,6 +12,14 @@ export default defineConfig({
       social: {
         github: "https://github.com/railwayapp/railpack",
       },
+      customCss: [
+        // Path to your Tailwind base styles:
+        "./src/tailwind.css",
+
+        // Fontsource files for to regular and semi-bold font weights.
+        "@fontsource/inter/400.css",
+        "@fontsource/inter/600.css",
+      ],
       sidebar: [
         {
           label: "Getting Started",
@@ -86,5 +96,9 @@ export default defineConfig({
         },
       ],
     }),
+    tailwind({
+      // Disable the default base styles:
+      applyBaseStyles: false,
+    }),
   ],
 });