NetinaShop
/
AdminPanel
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨ Update Tailwind CSS and ensure default opacity values 

* ⬆️ Updated Tailwind CSS version from v3.4.13 to v3.4.17.
* ✨ Modified `[hidden]` attribute rule for better specificity.
* 🎨 Adjusted `border-color` to include default opacity value of 1.
* 🎨 Updated `background-color` to include default opacity value of 1.
* 🎨 Changed `color` to include default opacity value of 1.
* 🎨 Modified `--tw-ring-color` to include default opacity value of 1.
* 🌑 Updated `dark` mode styles to include default opacity value of 1.
* 🔧 Ensured consistency in opacity handling across CSS properties.

[Footer] Changes made by Amir.h Khademi
master
Amir Hossein Khademi 2025-03-27 13:32:16 +03:30
parent 7614b2d102
commit c2bd21bef1
1 changed files with 60 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

120
Netina.AdminPanel.PWA/wwwroot/css/app.min.css vendored
View File

@ -105,7 +105,7 @@
--tw-contain-paint: ; --tw-contain-paint: ;
--tw-contain-style: ; --tw-contain-style: ;
}/* }/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*//* *//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@ -496,7 +496,7 @@ video {
} }
/* Make elements with the HTML hidden attribute stay hidden by default */ /* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] { [hidden]:where(:not([hidden="until-found"])) {
display: none; display: none;
} }
@ -1546,47 +1546,47 @@ input:checked + .toggle-bg {
} }
.border-blue-400 { .border-blue-400 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(118 169 250 / var(--tw-border-opacity)); border-color: rgb(118 169 250 / var(--tw-border-opacity, 1));
} }
.border-blue-500 { .border-blue-500 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity)); border-color: rgb(63 131 248 / var(--tw-border-opacity, 1));
} }
.border-blue-600 { .border-blue-600 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(28 100 242 / var(--tw-border-opacity)); border-color: rgb(28 100 242 / var(--tw-border-opacity, 1));
} }
.border-blue-700 { .border-blue-700 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(26 86 219 / var(--tw-border-opacity)); border-color: rgb(26 86 219 / var(--tw-border-opacity, 1));
} }
.border-gray-100 { .border-gray-100 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity)); border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
} }
.border-gray-200 { .border-gray-200 {
--tw-border-opacity: 1; --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-gray-300 { .border-gray-300 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity)); border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
} }
.border-indigo-500 { .border-indigo-500 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(104 117 245 / var(--tw-border-opacity)); border-color: rgb(104 117 245 / var(--tw-border-opacity, 1));
} }
.border-violet-400 { .border-violet-400 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(167 139 250 / var(--tw-border-opacity)); border-color: rgb(167 139 250 / var(--tw-border-opacity, 1));
} }
.bg-\[\#000000\] { .bg-\[\#000000\] {
--tw-bg-opacity: 1; --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-\[\#EEEEEE\] { .bg-\[\#EEEEEE\] {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(238 238 238 / var(--tw-bg-opacity)); background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));
} }
.bg-\[--mud-palette-background-grey\] { .bg-\[--mud-palette-background-grey\] {
background-color: var(--mud-palette-background-grey); background-color: var(--mud-palette-background-grey);
@ -1596,41 +1596,41 @@ input:checked + .toggle-bg {
} }
.bg-amber-500 { .bg-amber-500 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(245 158 11 / var(--tw-bg-opacity)); background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1));
} }
.bg-blue-500 { .bg-blue-500 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(63 131 248 / var(--tw-bg-opacity)); background-color: rgb(63 131 248 / var(--tw-bg-opacity, 1));
} }
.bg-blue-700 { .bg-blue-700 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity)); background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1));
} }
.bg-gray-100 { .bg-gray-100 {
--tw-bg-opacity: 1; --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 { .bg-gray-200 {
--tw-bg-opacity: 1; --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-800 { .bg-gray-800 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity)); background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
} }
.bg-gray-900\/50 { .bg-gray-900\/50 {
background-color: rgb(17 24 39 / 0.5); background-color: rgb(17 24 39 / 0.5);
} }
.bg-pink-500 { .bg-pink-500 {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(231 70 148 / var(--tw-bg-opacity)); background-color: rgb(231 70 148 / var(--tw-bg-opacity, 1));
} }
.bg-transparent { .bg-transparent {
background-color: transparent; background-color: transparent;
} }
.bg-white { .bg-white {
--tw-bg-opacity: 1; --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));
} }
.bg-white\/50 { .bg-white\/50 {
background-color: rgb(255 255 255 / 0.5); background-color: rgb(255 255 255 / 0.5);
@ -1774,51 +1774,51 @@ input:checked + .toggle-bg {
} }
.\!text-black { .\!text-black {
--tw-text-opacity: 1 !important; --tw-text-opacity: 1 !important;
color: rgb(0 0 0 / var(--tw-text-opacity)) !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important;
} }
.text-amber-600 { .text-amber-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(217 119 6 / var(--tw-text-opacity)); color: rgb(217 119 6 / var(--tw-text-opacity, 1));
} }
.text-blue-600 { .text-blue-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity)); color: rgb(28 100 242 / var(--tw-text-opacity, 1));
} }
.text-gray-500 { .text-gray-500 {
--tw-text-opacity: 1; --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-600 { .text-gray-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity)); color: rgb(75 85 99 / var(--tw-text-opacity, 1));
} }
.text-gray-800 { .text-gray-800 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity)); color: rgb(31 41 55 / var(--tw-text-opacity, 1));
} }
.text-gray-900 { .text-gray-900 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity)); color: rgb(17 24 39 / var(--tw-text-opacity, 1));
} }
.text-lime-600 { .text-lime-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(101 163 13 / var(--tw-text-opacity)); color: rgb(101 163 13 / var(--tw-text-opacity, 1));
} }
.text-purple-600 { .text-purple-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(126 58 242 / var(--tw-text-opacity)); color: rgb(126 58 242 / var(--tw-text-opacity, 1));
} }
.text-rose-600 { .text-rose-600 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(225 29 72 / var(--tw-text-opacity)); color: rgb(225 29 72 / var(--tw-text-opacity, 1));
} }
.text-violet-500 { .text-violet-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(139 92 246 / var(--tw-text-opacity)); color: rgb(139 92 246 / var(--tw-text-opacity, 1));
} }
.text-white { .text-white {
--tw-text-opacity: 1; --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 { .opacity-0 {
opacity: 0; opacity: 0;
@ -2087,42 +2087,42 @@ code {
.hover\:border-gray-300:hover { .hover\:border-gray-300:hover {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity)); border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
} }
.hover\:bg-blue-800:hover { .hover\:bg-blue-800:hover {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(30 66 159 / var(--tw-bg-opacity)); background-color: rgb(30 66 159 / var(--tw-bg-opacity, 1));
} }
.hover\:bg-gray-100:hover { .hover\:bg-gray-100:hover {
--tw-bg-opacity: 1; --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));
} }
.hover\:bg-white:hover { .hover\:bg-white:hover {
--tw-bg-opacity: 1; --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\:text-blue-600:hover { .hover\:text-blue-600:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(28 100 242 / var(--tw-text-opacity)); color: rgb(28 100 242 / var(--tw-text-opacity, 1));
} }
.hover\:text-gray-600:hover { .hover\:text-gray-600:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity)); color: rgb(75 85 99 / var(--tw-text-opacity, 1));
} }
.hover\:text-gray-900:hover { .hover\:text-gray-900:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(17 24 39 / var(--tw-text-opacity)); color: rgb(17 24 39 / var(--tw-text-opacity, 1));
} }
.focus\:border-teal-500:focus { .focus\:border-teal-500:focus {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(6 148 162 / var(--tw-border-opacity)); border-color: rgb(6 148 162 / var(--tw-border-opacity, 1));
} }
.focus\:outline-none:focus { .focus\:outline-none:focus {
@ -2144,32 +2144,32 @@ code {
.focus\:ring-blue-300:focus { .focus\:ring-blue-300:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity)); --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity, 1));
} }
.focus\:ring-gray-200:focus { .focus\:ring-gray-200:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity)); --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
} }
.focus\:ring-teal-500:focus { .focus\:ring-teal-500:focus {
--tw-ring-opacity: 1; --tw-ring-opacity: 1;
--tw-ring-color: rgb(6 148 162 / var(--tw-ring-opacity)); --tw-ring-color: rgb(6 148 162 / var(--tw-ring-opacity, 1));
} }
.dark\:border-blue-500:is(.dark *) { .dark\:border-blue-500:is(.dark *) {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(63 131 248 / var(--tw-border-opacity)); border-color: rgb(63 131 248 / var(--tw-border-opacity, 1));
} }
.dark\:border-gray-600:is(.dark *) { .dark\:border-gray-600:is(.dark *) {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity)); border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));
} }
.dark\:border-gray-700:is(.dark *) { .dark\:border-gray-700:is(.dark *) {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity)); border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
} }
.dark\:border-transparent:is(.dark *) { .dark\:border-transparent:is(.dark *) {
@ -2178,22 +2178,22 @@ code {
.dark\:bg-blue-600:is(.dark *) { .dark\:bg-blue-600:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(28 100 242 / var(--tw-bg-opacity)); background-color: rgb(28 100 242 / var(--tw-bg-opacity, 1));
} }
.dark\:bg-gray-600:is(.dark *) { .dark\:bg-gray-600:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity)); background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
} }
.dark\:bg-gray-700:is(.dark *) { .dark\:bg-gray-700:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(55 65 81 / var(--tw-bg-opacity)); background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
} }
.dark\:bg-gray-800:is(.dark *) { .dark\:bg-gray-800:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity)); background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
} }
.dark\:bg-gray-800\/50:is(.dark *) { .dark\:bg-gray-800\/50:is(.dark *) {
@ -2206,47 +2206,47 @@ code {
.dark\:text-blue-500:is(.dark *) { .dark\:text-blue-500:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity)); color: rgb(63 131 248 / var(--tw-text-opacity, 1));
} }
.dark\:text-gray-400:is(.dark *) { .dark\:text-gray-400:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity)); color: rgb(156 163 175 / var(--tw-text-opacity, 1));
} }
.dark\:text-white:is(.dark *) { .dark\:text-white:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity, 1));
} }
.dark\:hover\:bg-blue-700:hover:is(.dark *) { .dark\:hover\:bg-blue-700:hover:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(26 86 219 / var(--tw-bg-opacity)); background-color: rgb(26 86 219 / var(--tw-bg-opacity, 1));
} }
.dark\:hover\:bg-gray-600:hover:is(.dark *) { .dark\:hover\:bg-gray-600:hover:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(75 85 99 / var(--tw-bg-opacity)); background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
} }
.dark\:hover\:bg-gray-800:hover:is(.dark *) { .dark\:hover\:bg-gray-800:hover:is(.dark *) {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(31 41 55 / var(--tw-bg-opacity)); background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
} }
.dark\:hover\:text-blue-500:hover:is(.dark *) { .dark\:hover\:text-blue-500:hover:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(63 131 248 / var(--tw-text-opacity)); color: rgb(63 131 248 / var(--tw-text-opacity, 1));
} }
.dark\:hover\:text-gray-300:hover:is(.dark *) { .dark\:hover\:text-gray-300:hover:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity)); color: rgb(209 213 219 / var(--tw-text-opacity, 1));
} }
.dark\:hover\:text-white:hover:is(.dark *) { .dark\:hover\:text-white:hover:is(.dark *) {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity, 1));
} }
@media (min-width: 640px) { @media (min-width: 640px) {