Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refining forms

Browse Source
This commit is contained in:
Antoine M 2023-11-29 21:58:56 +01:00
parent 69f2d52fd9
commit df2ab653a3
1 changed files with 20 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resources/css/components/forms.css
View File

@ -31,7 +31,7 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
--gform-theme-control-box-shadow-focus: 0px 0 0 0px var(--secondary); --gform-theme-control-box-shadow-focus: 0px 0 0 0px var(--secondary);
select, select,
textarea, textarea,
input:not([type='submit']):not(.gform_next_button) { input:not([type='submit']):not(.gform_next_button, .gform_previous_button) {
@apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold; @apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold;
&:focus { &:focus {
@apply !border-secondary; @apply !border-secondary;
@ -40,7 +40,13 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
} }
} }
input:not([type='checkbox']):not([type='radio']):not([type='submit']):not(.gform-theme-button) { input:not(
[type='checkbox'],
[type='submit'],
[type='file'],
[type='radio'],
.gform-theme-button
) {
@apply !rounded-lg !py-6; @apply !rounded-lg !py-6;
} }
select { select {
@ -49,11 +55,15 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
} }
input[type='radio'] { input[type='radio'] {
} }
input[type='submit'] { input[type='submit'] {
/* --gform-theme-local-font-weight: 900; /* --gform-theme-local-font-weight: 900;
--gform-theme-local-font-size: 3rem; */ --gform-theme-local-font-size: 3rem; */
@apply !px-8 !py-3 !border-none !rounded-full !font-bold !text-lg; @apply !px-8 !py-3 !border-none !rounded-full !font-bold !text-lg;
} }
input[type='file'] {
@apply !rounded-lg;
}
label:not(.gform-field-label--type-sub):not(.gform-field-label--type-inline), label:not(.gform-field-label--type-sub):not(.gform-field-label--type-inline),
legend { legend {
@apply !font-bold !text-neutral-900 !text-lg; @apply !font-bold !text-neutral-900 !text-lg;
@ -95,14 +105,20 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
.gf_progressbar_title { .gf_progressbar_title {
@apply !pb-3; @apply !pb-3;
} }
.gform_previous_button,
.gform_next_button { .gform_next_button {
@apply !text-white !font-semibold !text-lg; @apply !border-none !bg-secondary !text-white !font-semibold !text-lg !px-6 !py-3;
} }
.gsection_title { .gsection_title {
@apply !text-secondary !text-xl !font-bold !mb-0 !mt-4; @apply !text-secondary !text-xl !font-bold !mb-0 !mt-4;
} }
.gform_confirmation_message {
@apply !text-emerald-700 !text-center !text-lg !font-semibold;
}
.gfield_validation_message {
@apply !text-secondary !font-semibold;
}
.section_titling + .gform_wrapper { .section_titling + .gform_wrapper {
@apply mt-16; @apply mt-16;
} }