From ac044e5cddcec38e137275e6994c123b887042b3 Mon Sep 17 00:00:00 2001 From: "Tomi P. Hakala" Date: Tue, 4 Mar 2025 21:24:43 +0200 Subject: [PATCH] chore: Set Tailwind CSS and DaisyUI versions to known good level --- .air.toml | 4 +- assets/tailwind.css | 96 ++++++++++++++++++++++----------------------- 2 files changed, 50 insertions(+), 50 deletions(-) diff --git a/.air.toml b/.air.toml index af80de3c..454d4a13 100644 --- a/.air.toml +++ b/.air.toml @@ -10,8 +10,8 @@ tmp_dir = "tmp" # Temporary directory for build artifacts if command -v tailwindcss >/dev/null 2>&1; then tailwindcss -i tailwind.input.css -o assets/tailwind.css elif command -v npx >/dev/null 2>&1; then - npm install -D daisyui - npx --yes tailwindcss@latest -i tailwind.input.css -o assets/tailwind.css + npm install -D daisyui@4.12.24 + npx --yes tailwindcss@3.4.17 -i tailwind.input.css -o assets/tailwind.css else echo "Error: Neither 'tailwindcss' binary nor 'npx' found. Please install Tailwind CSS." exit 1 diff --git a/assets/tailwind.css b/assets/tailwind.css index 0c99549b..d1ae9f7d 100644 --- a/assets/tailwind.css +++ b/assets/tailwind.css @@ -107,7 +107,7 @@ } /* -! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */ /* @@ -550,7 +550,7 @@ video { /* Make elements with the HTML hidden attribute stay hidden by default */ -[hidden] { +[hidden]:where(:not([hidden="until-found"])) { display: none; } @@ -5506,7 +5506,7 @@ html:has(.drawer-toggle:checked) { .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; - border-color: rgb(243 244 246 / var(--tw-divide-opacity)); + border-color: rgb(243 244 246 / var(--tw-divide-opacity, 1)); } .self-center { @@ -5576,62 +5576,62 @@ html:has(.drawer-toggle:checked) { .border-base-200 { --tw-border-opacity: 1; - border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity))); + border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity, 1))); } .border-base-300 { --tw-border-opacity: 1; - border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity))); + border-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-border-opacity, 1))); } .border-error { --tw-border-opacity: 1; - border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity))); + border-color: var(--fallback-er,oklch(var(--er)/var(--tw-border-opacity, 1))); } .border-gray-200 { --tw-border-opacity: 1; - border-color: rgb(229 231 235 / var(--tw-border-opacity)); + border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-info { --tw-border-opacity: 1; - border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity))); + border-color: var(--fallback-in,oklch(var(--in)/var(--tw-border-opacity, 1))); } .border-primary { --tw-border-opacity: 1; - border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity))); + border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity, 1))); } .border-red-500 { --tw-border-opacity: 1; - border-color: rgb(239 68 68 / var(--tw-border-opacity)); + border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-success { --tw-border-opacity: 1; - border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity))); + border-color: var(--fallback-su,oklch(var(--su)/var(--tw-border-opacity, 1))); } .bg-base-100 { --tw-bg-opacity: 1; - background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); + background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1))); } .bg-base-200 { --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))); } .bg-base-300 { --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); + background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1))); } .bg-black { --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/50 { @@ -5640,12 +5640,12 @@ html:has(.drawer-toggle:checked) { .bg-blue-500 { --tw-bg-opacity: 1; - background-color: rgb(59 130 246 / var(--tw-bg-opacity)); + background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-600 { --tw-bg-opacity: 1; - background-color: rgb(37 99 235 / var(--tw-bg-opacity)); + background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .bg-error\/10 { @@ -5654,47 +5654,47 @@ html:has(.drawer-toggle:checked) { .bg-gray-100 { --tw-bg-opacity: 1; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)); + background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-200 { --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); + background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); + background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-900 { --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); + background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; - background-color: rgb(34 197 94 / var(--tw-bg-opacity)); + background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-orange-400 { --tw-bg-opacity: 1; - background-color: rgb(251 146 60 / var(--tw-bg-opacity)); + background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1)); } .bg-primary { --tw-bg-opacity: 1; - background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity))); + background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity, 1))); } .bg-red-100 { --tw-bg-opacity: 1; - background-color: rgb(254 226 226 / var(--tw-bg-opacity)); + background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; - background-color: rgb(239 68 68 / var(--tw-bg-opacity)); + background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-white\/50 { @@ -5970,7 +5970,7 @@ html:has(.drawer-toggle:checked) { .text-base-content { --tw-text-opacity: 1; - color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity))); + color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity, 1))); } .text-base-content\/50 { @@ -5987,67 +5987,67 @@ html:has(.drawer-toggle:checked) { .text-black { --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); + color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-error { --tw-text-opacity: 1; - color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity))); + color: var(--fallback-er,oklch(var(--er)/var(--tw-text-opacity, 1))); } .text-gray-100 { --tw-text-opacity: 1; - color: rgb(243 244 246 / var(--tw-text-opacity)); + color: rgb(243 244 246 / var(--tw-text-opacity, 1)); } .text-gray-400 { --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); + color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-50 { --tw-text-opacity: 1; - color: rgb(249 250 251 / var(--tw-text-opacity)); + color: rgb(249 250 251 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); + color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-800 { --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); + color: rgb(31 41 55 / var(--tw-text-opacity, 1)); } .text-info { --tw-text-opacity: 1; - color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity))); + color: var(--fallback-in,oklch(var(--in)/var(--tw-text-opacity, 1))); } .text-primary { --tw-text-opacity: 1; - color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity))); + color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity, 1))); } .text-red-500 { --tw-text-opacity: 1; - color: rgb(239 68 68 / var(--tw-text-opacity)); + color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; - color: rgb(185 28 28 / var(--tw-text-opacity)); + color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-success { --tw-text-opacity: 1; - color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity))); + color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity, 1))); } .text-white { --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); + color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .opacity-0 { @@ -6120,7 +6120,7 @@ html:has(.drawer-toggle:checked) { .ring-black { --tw-ring-opacity: 1; - --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); + --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .ring-opacity-5 { @@ -6309,17 +6309,17 @@ html { .hover\:bg-base-200:hover { --tw-bg-opacity: 1; - background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity))); + background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity, 1))); } .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)); + background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-opacity-20:hover { @@ -6328,7 +6328,7 @@ html { .hover\:text-blue-600:hover { --tw-text-opacity: 1; - color: rgb(37 99 235 / var(--tw-text-opacity)); + color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .focus\:outline-none:focus { @@ -6612,12 +6612,12 @@ html { @media (prefers-color-scheme: dark) { .dark\:bg-base-300 { --tw-bg-opacity: 1; - background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity))); + background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity, 1))); } .dark\:bg-gray-400 { --tw-bg-opacity: 1; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)); + background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .dark\:bg-white\/10 { @@ -6630,7 +6630,7 @@ html { .dark\:text-base-300 { --tw-text-opacity: 1; - color: var(--fallback-b3,oklch(var(--b3)/var(--tw-text-opacity))); + color: var(--fallback-b3,oklch(var(--b3)/var(--tw-text-opacity, 1))); } .dark\:invert {