Files
myep/assets/styles/components/forms.css
T

36 lines
803 B
CSS

label.required:after {
@apply inline-block text-sm;
content: '*';
}
.form-field {
@apply border-zinc-400 ring-0 mt-1 block w-full rounded-md;
@apply focus:outline-primary-light focus:border-zinc-800 focus:outline-2 focus:outline-offset-2;
}
#participant-form .form-field,
#form-payment .form-field {
@apply bg-primary-bg border-primary-bg;
}
.form-field--has-error {
@apply border-red-700;
}
.form-checkbox,
.form-radio {
@apply border-zinc-400 focus:border-zinc-800 ring-0 focus:outline-2 focus:outline-offset-2 focus:outline-primary-light text-primary h-4 w-4;
}
.form-checkbox--has-error,
.form-radio--has-error {
@apply border-red-700;
}
select[readonly] {
@apply pointer-events-none cursor-not-allowed;
}
input[readonly] {
@apply cursor-not-allowed;
}