Use consistent list of text-like inputs for styling

til · til · commit b8a997efef2e · 2024-08-25T14:30:51.000+02:00
Previously, inputs with type=datetime-local, type=search, type=week
and type=month were missing some tailwind styles.
diff --git a/plugin.js b/plugin.js
@@ -72,6 +72,7 @@ module.exports = plugin(
           'box-shadow': `var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)`,
           'border-color': theme('colors.blue.600', colors.blue[600]),
         },
+        '@apply bg-gray-50 border border-gray-300 text-gray-900 rounded-md focus:ring-blue-500 focus:border-blue-500 w-full dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500': {},
       },
       [['input::placeholder', 'textarea::placeholder']]: {
         color: theme('colors.gray.500', colors.gray[500]),
@@ -312,9 +313,6 @@ module.exports = plugin(
       '[type=radio]': {
         '@apply w-4 h-4 border-gray-300 focus:ring-2 focus:ring-blue-300 dark:focus:ring-blue-600 dark:focus:bg-blue-600 dark:bg-gray-700 dark:border-gray-600': {}
       },
-      [['[type=date]', '[type=email]', '[type=number]', '[type=password]', '[type=tel]', '[type=text]', '[type=time]', '[type=url]', 'select', 'textarea']]: {
-        '@apply bg-gray-50 border border-gray-300 text-gray-900 rounded-md focus:ring-blue-500 focus:border-blue-500 w-full dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500': {}
-      },
       'a': {
         '@apply text-blue-600 underline underline-offset-[.2rem]': {}
       },
