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 22:35:49 +01:00
parent df2ab653a3
commit 20a6dc10bf
1 changed files with 62 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,10 +29,14 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
--gform-theme-local-border-color: var(--secondary); --gform-theme-local-border-color: var(--secondary);
--gform-theme-control-border-color-focus: var(--secondary); --gform-theme-control-border-color-focus: var(--secondary);
--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, .gform_previous_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 !border; */
@apply !border-neutral-400 !text-lg !text-green-900 !font-semibold !border;
line-height: 1 !important;
&:focus { &:focus {
@apply !border-secondary; @apply !border-secondary;
/* outline: solid 1px; /* outline: solid 1px;
@ -49,6 +53,11 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
) { ) {
@apply !rounded-lg !py-6; @apply !rounded-lg !py-6;
} }
input[type='text'] {
@apply !py-6;
text-indent: 6px !important;
}
select { select {
@apply !rounded-lg !h-12 !pt-3 !text-base; @apply !rounded-lg !h-12 !pt-3 !text-base;
text-indent: 6px !important; text-indent: 6px !important;
@ -73,51 +82,59 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
} }
} }
.gform_title { .gform_wrapper {
@apply hidden; .gform_title {
} @apply hidden;
.gfield_required { }
@apply !text-3xl !inline-block; .gfield_required_asterisk {
line-height: 0.5; @apply !text-3xl !inline-block;
transform: translateY(3px) !important; line-height: 0.5;
margin-top: -10px !important; transform: translateY(3px) !important;
} margin-top: -10px !important;
.gform_required_legend { }
.gfield_required { .gform_required_legend {
transform: translateY(12px) !important; .gfield_required {
transform: translateY(12px) !important;
}
}
.gfield_description {
@apply !text-neutral-600 !text-sm !font-medium;
}
.gf_page_steps,
.field_description_below {
@apply !border-none;
}
.gf_step_active {
@apply !text-secondary !font-semibold;
}
.gform-theme-button {
@apply !rounded-full;
}
.gform_heading {
@apply !pb-8;
}
.gf_progressbar {
@apply !py-0;
}
.gf_progressbar_title {
@apply !pb-3;
}
.gform_previous_button,
.gform_next_button {
@apply !border-none !bg-secondary !text-white !font-semibold !text-lg !px-6 !py-3;
}
.gsection_description {
@apply !text-base;
}
.gsection_title {
@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;
} }
}
.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_previous_button,
.gform_next_button {
@apply !border-none !bg-secondary !text-white !font-semibold !text-lg !px-6 !py-3;
}
.gsection_title {
@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;