Update tailwind.input.css

Author: mythz

BlazorDiffusion/tailwind.input.css

@@ -8,9 +8,9 @@ b, strong { font-weight:600; }
 [v-cloak] {display:none}
 
 /* @tailwindcss/forms css */
-[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='month'],[type='search'],[type='tel'],[type='time'],[multiple],textarea,select
+[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='week'],[type='search'],[type='tel'],[type='time'],[type='color'],[multiple],textarea,select
 {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:0.5rem 0.75rem;font-size:1rem;line-height:1.5rem}
-[type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='month']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[multiple]:focus,textarea:focus,select:focus{
+[type='text']:focus,[type='email']:focus,[type='url']:focus,[type='password']:focus,[type='number']:focus,[type='date']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='color']:focus,[multiple]:focus,textarea:focus,select:focus{
     outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
     --tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;
     --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -50,25 +50,21 @@ select{
 [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{border-color:transparent;background-color:currentColor}
 [type='file']{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}
 [type='file']:focus{outline:1px auto -webkit-focus-ring-color;}
+[type='color']{height:2.4rem;padding:2px 3px}
+[type='range']{height:2.4rem}
 
-/* Mobile sidebar */
-[data-collapsed] [data-collapse=hidden] {
-    display: none
-}
-[data-collapse-off=opacity-100] {
-    opacity: 1
-}
-[data-collapsed] [data-collapse=opacity-0] {
-    opacity: 0
-}
-[data-collapse-off=-translate-x-full] {
-    transform: translateX(0)
+/* dark mode autocomplete fields */
+.dark input:-webkit-autofill,
+.dark input:-webkit-autofill:hover,
+.dark input:-webkit-autofill:focus,
+.dark input:-webkit-autofill:active {
+    transition: background-color 5000s ease-in-out 0s;
+    -webkit-text-fill-color: #ffffff;
 }
-[data-collapsed] [data-collapse=-translate-x-full] {
-    transform: translateX(-100%)
+.dark input[data-autocompleted] {
+    background-color: transparent !important;
 }
 
-
 /* @tailwindcss/aspect css */
 .aspect-h-9 {
     --tw-aspect-h: 9;
@@ -88,13 +84,8 @@ select{
     left: 0;
 }
 
-/* dark mode autocomplete fields */
-.dark input:-webkit-autofill,
-.dark input:-webkit-autofill:focus {
-    transition: background-color 600000s 0s, color 600000s 0s;
-}
-.dark input[data-autocompleted] {
-    background-color: transparent !important;
+[role=dialog].z-10 {
+    z-index: 60;
 }
 
 @tailwind utilities;