47 lines
996 B
CSS
47 lines
996 B
CSS
@layer components {
|
|
.form {
|
|
@apply flex flex-col gap-2;
|
|
|
|
div.buttons {
|
|
@apply mt-4;
|
|
}
|
|
}
|
|
|
|
label {
|
|
@apply block mt-4 lg:mt-2;
|
|
@apply text-sm font-medium;
|
|
@apply text-gray-900 dark:text-white;
|
|
}
|
|
|
|
input + label,
|
|
.checkbox + label,
|
|
input + .checkbox,
|
|
.checkbox + input,
|
|
.checkbox + .checkbox {
|
|
@apply mt-4;
|
|
}
|
|
|
|
.checkbox {
|
|
@apply flex flex-row items-center gap-2;
|
|
|
|
> label {
|
|
@apply m-0;
|
|
}
|
|
}
|
|
|
|
.field {
|
|
@apply block w-full p-2.5;
|
|
@apply sm:text-sm;
|
|
@apply outline-none border rounded-lg;
|
|
@apply bg-gray-50 border-gray-300 text-gray-900;
|
|
@apply dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white;
|
|
@apply focus:ring-primary-600 focus:border-primary-600;
|
|
@apply dark:focus:ring-blue-500 dark:focus:border-blue-500;
|
|
|
|
&:disabled {
|
|
@apply bg-gray-100 border-gray-200 text-gray-500;
|
|
@apply dark:bg-gray-800 dark:border-gray-700 dark:text-gray-500;
|
|
}
|
|
}
|
|
}
|