Fixing Docs CSS (#83)

ctrlplanedev · Sep 28, 2024 · 71042ad · 71042ad
1 parent e07fcb6
commit 71042ad
Show file tree

Hide file tree

Showing 8 changed files with 411 additions and 25 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -9,5 +9,8 @@
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "editor.formatOnSave": true,
     "prettier.printWidth": 80
+  },
+  "files.associations": {
+    "*.css": "tailwindcss"
   }
 }
diff --git a/apps/docs/next.config.mjs → apps/docs/next.config.js b/apps/docs/next.config.mjs → apps/docs/next.config.js
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -33,7 +33,8 @@
     "prettier": "catalog:",
     "tailwindcss": "catalog:",
     "typescript": "catalog:",
-    "typescript-eslint": "catalog:"
+    "typescript-eslint": "catalog:",
+    "webpack": "^5.95.0"
   },
   "prettier": "@ctrlplane/prettier-config"
 }
diff --git a/apps/docs/pages/core-concepts/targets/_meta.ts b/apps/docs/pages/core-concepts/targets/_meta.ts
@@ -1,5 +1,4 @@
 export default {
-  metadata: "Metadata",
   "target-providers": "Target Providers",
   "managing-targets": "Managing Targets",
   schemas: "Schemas",

diff --git a/apps/docs/pages/globals.css b/apps/docs/pages/globals.css
@@ -24,6 +24,8 @@
     --input: 240 5.9% 90%;
     --ring: 240 5% 64.9%;
     --radius: 0.5rem;
+    --font-sans: "Geist Sans", sans-serif;
+    --font-mono: "Geist Mono", monospace;
   }
 
   .dark {
@@ -49,6 +51,14 @@
   }
 }
 
+body {
+  font-family: var(--font-sans);
+  font-size: 16px;
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
 @layer utilities {
   /* Chrome, Safari and Opera */
   .no-scrollbar::-webkit-scrollbar {

diff --git a/apps/docs/tailwind.config.ts b/apps/docs/tailwind.config.ts
@@ -3,6 +3,7 @@ import { fontFamily } from "tailwindcss/defaultTheme";
 
 import baseConfig from "@ctrlplane/tailwind-config/web";
 
+/** @type {import('tailwindcss').Config} */
 export default {
   // We need to append the path to the UI package to the content array so that
   // those classes are included correctly.

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tooling/tailwind/package.json b/tooling/tailwind/package.json
@@ -15,7 +15,8 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "postcss": "^8.4.38",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
     "tailwindcss": "catalog:",
     "tailwindcss-animate": "^1.0.7"
   },