diff --git a/resources/css/components/forms.css b/resources/css/components/forms.css index b584131..c782009 100644 --- a/resources/css/components/forms.css +++ b/resources/css/components/forms.css @@ -19,14 +19,34 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca --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']) { + 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']) { + 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'] { @@ -46,10 +66,42 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca .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;