homegrade_theme_production/resources/css/components/forms.css
2023-11-29 21:39:37 +01:00

115 lines
3.4 KiB
CSS

form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-location-advanced) {
--secondary: #df1e1e;
--secondary-darker: #bd1515;
--gform-theme-color-inside-control-primary: var(--secondary);
--gform-theme-control-choice-check-color: var(--secondary);
--gform-theme-control-button-background-color-control: var(--secondary);
--gform-theme-local-background-color: var(--secondary);
/* --gform-theme-control-file-drop-area-icon-color: var(--gform-theme-color-inside-control-primary); */
--gform-theme-control-file-drop-area-icon-color: var(--secondary);
--gform-theme-control-button-background-color-hover-control: var(--secondary-darker);
--gform-theme-color-inside-control-primary-darker: var(--secondary-darker);
/* SUBMIT */
--gform-theme-control-button-background-color-primary: var(--secondary);
--gform-theme-control-button-background-color-focus-primary: var(--secondary);
--gform-theme-control-button-color-primary: white;
--gform-theme-control-button-background-color-hover-primary: var(--secondary-darker);
--gform-theme-field-page-progress-bar-background-color-blue: var(--secondary);
--gform-theme-local-border-color: transparent;
--gform-theme-control-button-border-color-primary: transparent;
--gform-theme-control-button-border-width-primary: 0px;
--gform-theme-local-box-shadow: none;
--gform-theme-control-box-shadow: none;
--gform-theme-local-border-color: var(--secondary);
--gform-theme-control-border-color-focus: var(--secondary);
--gform-theme-control-box-shadow-focus: 0px 0 0 0px var(--secondary);
select,
textarea,
input:not([type='submit']):not(.gform_next_button) {
@apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold;
&:focus {
@apply !border-secondary;
/* outline: solid 1px;
outline-offset: 5px !important; */
}
}
input:not([type='checkbox']):not([type='radio']):not([type='submit']):not(.gform-theme-button) {
@apply !rounded-lg !py-6;
}
select {
@apply !rounded-lg !h-12 !pt-3 !text-base;
text-indent: 6px !important;
}
input[type='radio'] {
}
input[type='submit'] {
/* --gform-theme-local-font-weight: 900;
--gform-theme-local-font-size: 3rem; */
@apply !px-8 !py-3 !border-none !rounded-full !font-bold !text-lg;
}
label:not(.gform-field-label--type-sub):not(.gform-field-label--type-inline),
legend {
@apply !font-bold !text-neutral-900 !text-lg;
}
label {
@apply !text-neutral-700 !text-base !font-medium;
}
}
.gform_title {
@apply hidden;
}
.gfield_required {
@apply !text-3xl !inline-block;
line-height: 0.5;
transform: translateY(3px) !important;
margin-top: -10px !important;
}
.gform_required_legend {
.gfield_required {
transform: translateY(12px) !important;
}
}
.gfield_description {
@apply !text-neutral-600 !text-sm !font-medium;
}
.field_description_below {
@apply !border-none;
}
.gform-theme-button {
@apply !rounded-full;
}
.gform_heading {
@apply !pb-8;
}
.gf_progressbar {
@apply !py-0;
}
.gf_progressbar_title {
@apply !pb-3;
}
.gform_next_button {
@apply !text-white !font-semibold !text-lg;
}
.gsection_title {
@apply !text-secondary !text-xl !font-bold !mb-0 !mt-4;
}
.section_titling + .gform_wrapper {
@apply mt-16;
}
.homegrade-blocks-box-monoblock {
.gform_wrapper {
@apply max-w-5xl !mx-auto;
}
}