Refactor tailwind processing to improve organization

internal/view/static/css/main.css

@@ -0,0 +1,7 @@
+@import "./partials/tailwind.css";
+@import "./partials/alpine.css";
+@import "./partials/general.css";
+@import "./partials/glucide.css";
+@import "./partials/htmx.css";
+@import "./partials/slim-select.css";
+@import "./partials/scrollbar.css";

internal/view/static/css/partials/alpine.css

@@ -0,0 +1,3 @@
+[x-cloak] {
+  display: none !important;
+}

internal/view/static/css/partials/general.css

@@ -0,0 +1,4 @@
+html {
+  overflow-x: hidden;
+  overflow-y: auto;
+}

internal/view/static/css/partials/glucide.css

@@ -0,0 +1,3 @@
+svg[data-glucide="icon"]:not([class*="size-"]) {
+  @apply size-4;
+}

internal/view/static/css/partials/htmx.css

@@ -0,0 +1,11 @@
+.htmx-indicator {
+  display: none;
+}
+
+.htmx-request .htmx-indicator {
+  display: block;
+}
+
+.htmx-request.htmx-indicator {
+  display: block;
+}

internal/view/static/css/partials/scrollbar.css

@@ -0,0 +1,23 @@
+*,
+*:hover {
+  /* Reset scrollbar*/
+  scrollbar-color: auto;
+}
+
+*::-webkit-scrollbar {
+  -webkit-appearance: none;
+  width: 6px;
+  height: 6px;
+}
+
+*::-webkit-scrollbar-thumb {
+  @apply bg-gray-500;
+  border-radius: 3px;
+}
+
+/* Fallback scrollbar style for Firefox */
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: thin;
+  }
+}

internal/view/static/css/partials/tailwind.css

@@ -0,0 +1,4 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@tailwind variants;

taskfile.yaml

@@ -50,7 +50,7 @@ tasks:
     cmd: >
       npm run tailwindcss --
       --config ./tailwind.config.js
-      --input ./internal/view/static/css/tailwind.css
+      --input ./internal/view/static/css/main.css
       --output ./internal/view/static/css/style.css --minify
 
   tidy: