lots of updates

This commit is contained in:
2022-10-19 14:33:03 -06:00
parent 427d4e2500
commit 625dfeb79f
26 changed files with 771 additions and 714 deletions

View File

@ -45,6 +45,10 @@ button, a {
transition-property: all;
}
nav {
user-select: none;
}
@media (max-width: 1023px) {
.grid-container {
@apply grid-cols-1;

View File

@ -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;
}