lots of updates
This commit is contained in:
@ -45,6 +45,10 @@ button, a {
|
||||
transition-property: all;
|
||||
}
|
||||
|
||||
nav {
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1023px) {
|
||||
.grid-container {
|
||||
@apply grid-cols-1;
|
||||
|
@ -22,6 +22,7 @@ input.form-input[type="week"],
|
||||
textarea.form-input,
|
||||
select.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;
|
||||
transition: box-shadow 300, background 300;
|
||||
}
|
||||
|
||||
.form-checkbox-label {
|
||||
@ -31,3 +32,40 @@ select.form-input {
|
||||
.form-checkbox-label .form-checkbox {
|
||||
@apply rounded border-gray-300 text-indigo-600 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50;
|
||||
}
|
||||
|
||||
|
||||
input.form-input[type="date"]:active,
|
||||
input.form-input[type="datetime-local"]:active,
|
||||
input.form-input[type="email"]:active,
|
||||
input.form-input[type="month"]:active,
|
||||
input.form-input[type="number"]:active,
|
||||
input.form-input[type="password"]:active,
|
||||
input.form-input[type="search"]:active,
|
||||
input.form-input[type="tel"]:active,
|
||||
input.form-input[type="text"]:active,
|
||||
input.form-input[type="textarea"]:active,
|
||||
input.form-input[type="time"]:active,
|
||||
input.form-input[type="url"]:active,
|
||||
input.form-input[type="week"]:active,
|
||||
textarea.form-input:active,
|
||||
select.form-input:active {
|
||||
@apply outline-none shadow;
|
||||
}
|
||||
|
||||
input.form-input[type="date"]:disabled,
|
||||
input.form-input[type="datetime-local"]:disabled,
|
||||
input.form-input[type="email"]:disabled,
|
||||
input.form-input[type="month"]:disabled,
|
||||
input.form-input[type="number"]:disabled,
|
||||
input.form-input[type="password"]:disabled,
|
||||
input.form-input[type="search"]:disabled,
|
||||
input.form-input[type="tel"]:disabled,
|
||||
input.form-input[type="text"]:disabled,
|
||||
input.form-input[type="textarea"]:disabled,
|
||||
input.form-input[type="time"]:disabled,
|
||||
input.form-input[type="url"]:disabled,
|
||||
input.form-input[type="week"]:disabled,
|
||||
textarea.form-input:disabled,
|
||||
select.form-input:disabled {
|
||||
@apply bg-neutral-400 opacity-7;
|
||||
}
|
||||
|
Reference in New Issue
Block a user