Added PostCSS, TailwindCSS, DaisyUI, main.css

Wave/Components/App.razor

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <base href="/" />
     <link rel="stylesheet" href="app.css" />
+    <link rel="stylesheet" href="/css/main.min.css" />
     <link rel="stylesheet" href="Wave.styles.css" />
     <link rel="icon" type="image/png" href="favicon.png" />
     <HeadOutlet />

Wave/package.json

@@ -0,0 +1,17 @@
+{
+    "name": "wave",
+    "version": "0.0.1",
+    "scripts": {
+        "css:build": "postcss -o wwwroot/css/main.min.css wwwroot/css/main.css"
+    },
+    "author": "Mia Rose Winter",
+    "license": "MIT",
+    "devDependencies": {
+        "autoprefixer": "^10.4.16",
+        "cssnano": "^6.0.3",
+        "daisyui": "^4.6.0",
+        "postcss": "^8.4.33",
+        "postcss-cli": "^11.0.0",
+        "tailwindcss": "^3.4.1"
+    }
+}

Wave/postcss.config.js

@@ -0,0 +1,9 @@
+module.exports = {
+    plugins: {
+        tailwindcss: {},
+        autoprefixer: {},
+        cssnano: {
+            preset: "default"
+        }
+    }
+}

Wave/tailwind.config.js

@@ -0,0 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+    content: ["Pages/**/*.cshtml", "Components/**/*.razor"],
+    theme: {
+        extend: {
+
+        }
+    },
+    plugins: [require("daisyui")],
+    daisyui: {
+        logs: false,
+        themes: [
+            "light", "dark"
+        ]
+    }
+}

Wave/wwwroot/css/main.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;