💄 Adopt new Tailwind v3 classes and colour names

layouts/_default/baseof.html

@@ -8,7 +8,7 @@
     class="flex flex-col h-screen px-6 m-auto text-lg leading-7 bg-neutral text-neutral-900 sm:px-14 md:px-24 lg:px-32 dark:bg-neutral-800 dark:text-neutral max-w-7xl"
   >
     {{- partial "header.html" . -}}
-    <main class="flex-grow">{{- block "main" . }}{{- end }}</main>
+    <main class="grow">{{- block "main" . }}{{- end }}</main>
     {{- partial "footer.html" . -}}
   </body>
 </html>

layouts/_default/taxonomy.html

@@ -5,7 +5,7 @@
       <article class="w-full px-2 my-3 overflow-hidden sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/5">
         <h2>
           <a
-            class="text-xl font-medium hover:underline hover:underline-primary-500 hover:underline-offset-small"
+            class="text-xl font-medium hover:underline hover:decoration-primary-500 hover:underline-offset-2"
             href="{{ .Page.RelPermalink }}"
             >{{ .Page.Title }}</a
           >

layouts/partials/article-link.html

@@ -2,7 +2,7 @@
   <h3 class="flex items-center mt-6 text-xl font-semibold">
     {{ with .Params.externalUrl }}
       <a
-        class="hover:underline hover:underline-primary-500 hover:underline-offset-small text-neutral-800 dark:text-neutral"
+        class="hover:underline hover:decoration-primary-500 hover:underline-offset-2 text-neutral-800 dark:text-neutral"
         href="{{ . }}"
         target="_blank"
         rel="external"
@@ -16,7 +16,7 @@
       </span>
     {{ else }}
       <a
-        class="hover:underline hover:underline-primary-500 hover:underline-offset-small text-neutral-800 dark:text-neutral"
+        class="hover:underline hover:decoration-primary-500 hover:underline-offset-2 text-neutral-800 dark:text-neutral"
         href="{{ .RelPermalink }}"
         >{{ .Title }}</a
       >

layouts/partials/breadcrumbs.html

@@ -9,7 +9,7 @@
   {{ end }}
   <li class="inline {{ if or (eq .p1 .p2) (.p1.IsHome) }}hidden{{ end }}">
     <a
-      class="hover:underline hover:underline-neutral-300 dark:underline-neutral-600"
+      class="hover:underline hover:decoration-neutral-300 dark:underline-neutral-600"
       href="{{ .p1.RelPermalink }}"
       >{{ .p1.Title }}</a
     ><span class="px-1 text-primary-500">/</span>

layouts/partials/footer.html

@@ -6,7 +6,7 @@
         {{ range .Site.Menus.footer }}
           <li class="mb-1 sm:mb-0 sm:mr-7 sm:last:mr-0">
             <a
-              class="hover:underline hover:underline-primary-500 hover:underline-thickness-bold hover:underline-offset-small"
+              class="hover:underline hover:decoration-primary-500 hover:decoration-2 hover:underline-offset-2"
               href="{{ .URL }}"
               title="{{ .Title }}"
               >{{ .Name | markdownify | emojify }}</a
@@ -31,10 +31,10 @@
       {{/* Theme attribution */}}
       {{ if .Site.Params.attribution | default true }}
         <p class="text-xs text-neutral-400 dark:text-neutral-600">
-          {{ $hugo := printf `<a class="hover:underline hover:underline-primary-400 hover:text-primary-500"
+          {{ $hugo := printf `<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500"
             href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>`
           }}
-          {{ $congo := printf `<a class="hover:underline hover:underline-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>` }}
+          {{ $congo := printf `<a class="hover:underline hover:decoration-primary-400 hover:text-primary-500" href="https://git.io/hugo-congo" target="_blank" rel="noopener noreferrer">Congo</a>` }}
           {{ i18n "footer.powered_by" (dict "Hugo" $hugo "Congo" $congo) | safeHTML }}
         </p>
       {{ end }}

layouts/partials/header.html

@@ -18,7 +18,7 @@
       {{ end }}
     {{ else }}
       <a
-        class="hover:underline hover:underline-primary-500 hover:underline-thickness-bold hover:underline-offset-small"
+        class="hover:underline hover:decoration-primary-500 hover:decoration-2 hover:underline-offset-2"
         rel="me"
         href="{{ "/" | relURL }}"
         >{{ .Site.Title | markdownify | emojify }}</a
@@ -32,7 +32,7 @@
         {{ range .Site.Menus.main }}
           <li class="mb-1 text-right sm:mb-0 sm:mr-7 sm:last:mr-0">
             <a
-              class="hover:underline hover:underline-primary-500 hover:underline-thickness-bold hover:underline-offset-small"
+              class="hover:underline hover:decoration-primary-500 hover:decoration-2 hover:underline-offset-2"
               href="{{ .URL }}"
               title="{{ .Title }}"
               >{{ .Name | markdownify | emojify }}</a

layouts/shortcodes/alert.html

@@ -2,7 +2,7 @@
   <span class="pr-3 text-primary-400">
     {{ partial "icon.html" "exclamation-triangle" }}
   </span>
-  <span class="no-prose dark:text-neutral-300">
+  <span class="not-prose dark:text-neutral-300">
     {{- .Inner | markdownify -}}
   </span>
 </div>