zerodevx
diff --git a/‎package.json
Lines changed: 4 additions & 3 deletions b/‎package.json
Lines changed: 4 additions & 3 deletions
diff --git a/‎postcss.config.cjs
Lines changed: 0 additions & 13 deletions b/‎postcss.config.cjs
Lines changed: 0 additions & 13 deletions
diff --git a/‎postcss.config.js
Lines changed: 7 additions & 0 deletions b/‎postcss.config.js
Lines changed: 7 additions & 0 deletions
diff --git a/‎src/app.postcss renamed to ‎src/app.css b/‎src/app.postcss renamed to ‎src/app.css
diff --git a/‎src/app.html
Lines changed: 2 additions & 2 deletions b/‎src/app.html
Lines changed: 2 additions & 2 deletions
diff --git a/‎src/routes/+layout.svelte
Lines changed: 1 addition & 1 deletion b/‎src/routes/+layout.svelte
Lines changed: 1 addition & 1 deletion
diff --git a/‎tailwind.config.cjs
Lines changed: 0 additions & 32 deletions b/‎tailwind.config.cjs
Lines changed: 0 additions & 32 deletions
diff --git a/‎tailwind.config.js
Lines changed: 24 additions & 0 deletions b/‎tailwind.config.js
Lines changed: 24 additions & 0 deletions
@@ -20,22 +20,24 @@
   },
   "devDependencies": {
     "@fontsource-variable/inter": "^5.1.0",
+    "@iconify-json/mdi": "^1.2.0",
+    "@iconify/tailwind": "^1.1.3",
     "@playwright/test": "^1.47.1",
     "@sveltejs/adapter-static": "^3.0.4",
     "@sveltejs/kit": "^2.5.27",
     "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@tailwindcss/typography": "^0.5.15",
     "@types/eslint": "^9.6.1",
     "autoprefixer": "^10.4.20",
     "camelcase": "^7.0.1",
-    "daisyui": "^3.9.4",
+    "daisyui": "^4.12.10",
     "eslint": "^9.10.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.44.0",
     "globals": "^15.9.0",
     "is-port-reachable": "^4.0.0",
     "postcss": "^8.4.47",
-    "postcss-load-config": "^4.0.2",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.6",
@@ -44,7 +46,6 @@
     "svelte-check": "^4.0.2",
     "tailwindcss": "^3.4.11",
     "terser": "^5.32.0",
-    "tslib": "^2.7.0",
     "typescript": "^5.6.2",
     "vite": "^5.4.5"
   },
 
@@ -0,0 +1,7 @@
+/** @type {import('postcss-load-config').Config} */
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {}
+  }
+}
@@ -3,10 +3,10 @@
   <head>
     <meta charset="utf-8" />
     <link rel="icon" href="%sveltekit.assets%/favicon.png" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
   </head>
   <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
+    <div>%sveltekit.body%</div>
   </body>
 </html>
@@ -1,7 +1,7 @@
 <script>
 import '@fontsource-variable/inter'
 import 'prismjs/themes/prism-tomorrow.css'
-import '../app.postcss'
+import '../app.css'
 import { dev } from '$app/environment'
 </script>
 
 
@@ -0,0 +1,24 @@
+import { addIconSelectors } from '@iconify/tailwind'
+import typography from '@tailwindcss/typography'
+import daisyui from 'daisyui'
+import themes from 'daisyui/src/theming/themes'
+import dt from 'tailwindcss/defaultTheme'
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: ['./src/**/*.{html,js,svelte,ts}'],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter Variable', ...dt.fontFamily.sans]
+      }
+    }
+  },
+  plugins: [addIconSelectors(['mdi']), typography, daisyui],
+  daisyui: {
+    themes: [
+      { light: { ...themes.light, primary: '#1C75BC' } },
+      { dark: { ...themes.dark, primary: '#1C75BC' } }
+    ]
+  }
+}