Files
VDI-Starter/styles/base/forms.css
2025-08-22 15:40:01 -05:00

98 lines
1.7 KiB
CSS

/* Forms */
/* Base styles */
.gform_wrapper {
@apply max-w-full mx-auto;
.gform_fields {
@apply text-black;
}
fieldset.gfield {
@apply mb-6;
}
legend, label {
@apply text-lg font-bold mb-2;
}
label.gform-field-label--type-sub{
@apply font-normal text-base;
}
.gfield_required {
@apply text-danger text-xs font-bold ml-1;
}
.dark {
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="date"],
select,
textarea {
@apply text-black bg-white;
@apply focus-visible:border-transparent focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-primary;
}
}
.ginput_complex {
@apply sm:flex;
span {
@apply block grow;
&:not(:first-child) {
@apply mt-6 sm:mt-0 sm:ml-4;
}
}
}
.gform_footer {
@apply mt-8;
}
h2.gform_submission_error {
@apply text-xl text-danger font-bold my-4;
}
.validation_message {
@apply italic text-danger;
}
.hidden_label > label {
@apply hidden;
}
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="date"],
select,
textarea {
@apply px-4 py-2 w-full rounded border-2 border-secondary focus-visible:bg-secondary-300 focus-visible:border-primary;
font-size: inherit;
line-height: inherit;
}
.wp-block-search__input {
@apply px-4 py-2 w-full rounded border-2 border-transparent focus-visible:bg-secondary-300 focus-visible:border-primary;
appearance: none;
flex-grow: 1;
margin-left: 0;
margin-right: 0;
min-width: 3rem;
text-decoration: unset !important;
}