brian/laravel-stubs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

adding date and time inputs to form CSS

Browse Source
This commit is contained in:
Brian
2022-08-18 14:17:16 -06:00
parent 90f3709f4b
commit a7df7a64f0
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/resources/css/elements/forms.css
View File

@@ -6,14 +6,19 @@
@apply uppercase font-semibold text-xs text-zinc-600 dark:text-zinc-300; @apply uppercase font-semibold text-xs text-zinc-600 dark:text-zinc-300;
} }
input.form-input[type="date"],
input.form-input[type="datetime-local"],
input.form-input[type="email"], input.form-input[type="email"],
input.form-input[type="month"],
input.form-input[type="number"], input.form-input[type="number"],
input.form-input[type="password"], input.form-input[type="password"],
input.form-input[type="search"], input.form-input[type="search"],
input.form-input[type="tel"], input.form-input[type="tel"],
input.form-input[type="text"], input.form-input[type="text"],
input.form-input[type="textarea"], input.form-input[type="textarea"],
input.form-input[type="time"],
input.form-input[type="url"], input.form-input[type="url"],
input.form-input[type="week"],
textarea.form-input { textarea.form-input {
@apply relative px-3 py-1 border rounded focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 bg-white dark:bg-indigo-900 text-zinc-900 dark:text-zinc-100 border-stone-300 dark:border-stone-600 shadow dark:shadow-white; @apply relative px-3 py-1 border rounded focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 bg-white dark:bg-indigo-900 text-zinc-900 dark:text-zinc-100 border-stone-300 dark:border-stone-600 shadow dark:shadow-white;
} }