Keith Solomon
83 lines
2.4 KiB
CSS
83 lines
2.4 KiB
CSS
/* Forms */
|
|
|
|
/* Base styles */
|
|
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-full border-2 border-navy;
|
|
@apply text-navy bg-white;
|
|
@apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
|
|
|
|
font-size: inherit;
|
|
line-height: inherit;
|
|
}
|
|
|
|
/* Gravity Forms styles */
|
|
.gform_wrapper {
|
|
@apply max-w-full mx-auto;
|
|
|
|
.gform_fields { @apply text-navy; }
|
|
|
|
fieldset.gfield { @apply mb-6; }
|
|
|
|
legend, label { @apply text-lg font-bold mb-2 text-white; }
|
|
|
|
label.gform-field-label--type-sub{ @apply font-normal text-base; }
|
|
|
|
.gfield_required { @apply text-red text-xs font-bold ml-1; }
|
|
|
|
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-white bg-transparent border-white rounded-full;
|
|
@apply focus-visible:border-red focus-visible:outline-2 focus-visible:outline-offset-[3px] focus-visible:outline-red;
|
|
}
|
|
|
|
textarea {
|
|
border-radius: 45px;
|
|
}
|
|
|
|
input[type="submit"] {
|
|
/* @apply btn bg-red; */
|
|
}
|
|
|
|
.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-red;
|
|
}
|
|
}
|
|
|
|
.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-red font-bold my-4; }
|
|
|
|
.validation_message { @apply italic text-red; }
|
|
|
|
.hidden_label > label { @apply hidden; }
|
|
}
|
|
|
|
/* Search block styles */
|
|
.wp-block-search__input {
|
|
@apply px-4 py-2 w-full rounded-full border-2 border-transparent focus-visible:bg-teal-light focus-visible:border-red;
|
|
|
|
appearance: none;
|
|
flex-grow: 1;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
min-width: 3rem;
|
|
text-decoration: unset !important;
|
|
}
|