From 538df6b6d0647d71999ce3e75cb6c2d34e9dff04 Mon Sep 17 00:00:00 2001
From: FoxxMD <FoxxMD@users.noreply.github.com>
Date: Tue, 4 Nov 2025 14:17:51 +0000
Subject: [PATCH] refactor(frontend): Migrate tailwind config to v4

---
 .devcontainer/devcontainer.json |  3 ++-
 .vscode/settings.json           |  9 ++++++++-
 src/client/App.css              |  2 --
 src/client/index.css            | 12 +++++++++---
 tailwind.config.js              | 18 ------------------
 5 files changed, 19 insertions(+), 25 deletions(-)
 delete mode 100644 tailwind.config.js

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
index 23fc0a31..d068b971 100644
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@@ -26,7 +26,8 @@
 			"extensions": [
 				"hbenl.vscode-mocha-test-adapter",
 				"dbaeumer.vscode-eslint",
-				"unifiedjs.vscode-mdx"
+				"unifiedjs.vscode-mdx",
+				"bradlc.vscode-tailwindcss"
 			]
 		}
 	},
diff --git a/.vscode/settings.json b/.vscode/settings.json
index c22dca1f..04f0072a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -5,5 +5,12 @@
     "search.exclude": {
         "**/.docusaurus": true,
         "**/build": true
-    }
+    },
+    "tailwindCSS.files.exclude": [
+        "docsite/**"
+    ],
+    "files.associations": {
+        "*.css": "tailwindcss"
+    },
+    "tailwindCSS.experimental.configFile": "src/client/index.css"
 }
\ No newline at end of file
diff --git a/src/client/App.css b/src/client/App.css
index 98ff8e19..704177f0 100644
--- a/src/client/App.css
+++ b/src/client/App.css
@@ -1,5 +1,3 @@
-@import "tailwindcss";
-
 .App {
   text-align: center;
 }
diff --git a/src/client/index.css b/src/client/index.css
index 12ce6185..2152e491 100644
--- a/src/client/index.css
+++ b/src/client/index.css
@@ -1,6 +1,12 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+
+@utility container {  
+   padding-inline: 1rem;
+}
+
+@theme {
+    --breakpoint-md: 1024px;
+}
 
 body {
   margin: 0;
diff --git a/tailwind.config.js b/tailwind.config.js
deleted file mode 100644
index 49140f8c..00000000
--- a/tailwind.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
-      "index.html"
-  ],
-  theme: {
-    container: {
-      padding: '1rem',
-    },
-    extend: {
-      screens: {
-      'md': '1024px'
-      }
-    },
-  },
-  plugins: [],
-}