From 76f6d0c37712aef775eaa717178ebe2f9ef29ada Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Kucharczyk?= Date: Sat, 10 Feb 2024 09:03:16 +0100 Subject: [PATCH] Fix CSS bug --- games/static/base.css | 82 +++++++++++++++++++++---------------------- 1 file changed, 41 insertions(+), 41 deletions(-) diff --git a/games/static/base.css b/games/static/base.css index 7f68f17..7a9bd46 100644 --- a/games/static/base.css +++ b/games/static/base.css @@ -1,5 +1,5 @@ /* -! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com +! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */ /* @@ -850,6 +850,10 @@ select { margin-bottom: 1rem; } +.mb-8 { + margin-bottom: 2rem; +} + .ml-1 { margin-left: 0.25rem; } @@ -866,10 +870,6 @@ select { margin-top: 1rem; } -.mb-8 { - margin-bottom: 2rem; -} - .block { display: block; } @@ -1232,7 +1232,7 @@ a:hover { transition: all 0.2s ease-out; } -:is(:where(.dark) form label) { +:is(.dark form label) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } @@ -1242,7 +1242,7 @@ a:hover { margin-right: auto; } -:is(:where(.dark) .responsive-table) { +:is(.dark .responsive-table) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } @@ -1273,8 +1273,8 @@ a:hover { border-left-color: rgb(100 116 139 / var(--tw-border-opacity)); } -:is(:where(.dark) form input),:is(:where(.dark) -select),:is(:where(.dark) +:is(.dark form input),:is(.dark +select),:is(.dark textarea) { border-width: 1px; --tw-border-opacity: 1; @@ -1285,8 +1285,8 @@ textarea) { color: rgb(241 245 249 / var(--tw-text-opacity)); } -:is(:where(.dark) form input:disabled),:is(:where(.dark) -select:disabled),:is(:where(.dark) +:is(.dark form input:disabled),:is(.dark +select:disabled),:is(.dark textarea:disabled) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity)); @@ -1486,6 +1486,36 @@ th label { display: block; } +:is(.dark .dark\:bg-gray-800) { + --tw-bg-opacity: 1; + background-color: rgb(31 41 55 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:bg-gray-900) { + --tw-bg-opacity: 1; + background-color: rgb(17 24 39 / var(--tw-bg-opacity)); +} + +:is(.dark .dark\:text-slate-400) { + --tw-text-opacity: 1; + color: rgb(148 163 184 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-slate-500) { + --tw-text-opacity: 1; + color: rgb(100 116 139 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-slate-600) { + --tw-text-opacity: 1; + color: rgb(71 85 105 / var(--tw-text-opacity)); +} + +:is(.dark .dark\:text-white) { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} + @media (min-width: 640px) { .sm\:inline { display: inline; @@ -1570,33 +1600,3 @@ th label { max-width: 32rem; } } - -:is(:where(.dark) .dark\:bg-gray-800) { - --tw-bg-opacity: 1; - background-color: rgb(31 41 55 / var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:bg-gray-900) { - --tw-bg-opacity: 1; - background-color: rgb(17 24 39 / var(--tw-bg-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-400) { - --tw-text-opacity: 1; - color: rgb(148 163 184 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-500) { - --tw-text-opacity: 1; - color: rgb(100 116 139 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-slate-600) { - --tw-text-opacity: 1; - color: rgb(71 85 105 / var(--tw-text-opacity)); -} - -:is(:where(.dark) .dark\:text-white) { - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -}