tailwind4 maybe

themes/bluewater/layouts/_default/baseof.html

@@ -25,7 +25,7 @@
         id="to-top-button"
         onclick="goToTop()"
         title="Go To Top"
-        class="hidden md:hidden fixed z-90 bottom-6 right-8 border-0 w-16 h-16 rounded-full drop-shadow-md hover:bg-primary-500 border-4 border-white bg-primary-400 text-white text-4xl font-bold"
+        class="hidden md:hidden fixed z-90 bottom-6 right-8 w-16 h-16 rounded-full drop-shadow-md hover:bg-primary-500 border-4 border-white bg-primary-400 text-white text-4xl font-bold"
       >
         ↑
       </button>

themes/bluewater/layouts/partials/css.html

@@ -0,0 +1,12 @@
+{{ with resources.Get "css/main.css" }}
+  {{ $opts := dict "minify" (not hugo.IsDevelopment) }}
+  {{ with . | css.TailwindCSS $opts }}
+    {{ if hugo.IsDevelopment }}
+      <link rel="stylesheet" href="{{ .RelPermalink }}">
+    {{ else }}
+      {{ with . | fingerprint }}
+        <link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
+      {{ end }}
+    {{ end }}
+  {{ end }}
+{{ end }}

themes/bluewater/layouts/partials/head.html

@@ -3,7 +3,9 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Knäckebootcrew</title>
   {{ $styles := resources.Get "style.css" }}
-  <link rel="stylesheet" href="{{ $styles.Permalink }}" />
+  {{ with (templates.Defer (dict "key" "global")) }}
+    {{ partial "css.html" . }}
+  {{ end }}
   <link rel="stylesheet" href="/css/lightbox.min.css" />
   <link rel="me" href="https://social.kollar.cloud/@kossa" />
 </head>