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

styling forms v1

Browse Source
This commit is contained in:
Antoine M 2023-11-22 15:46:14 +01:00
parent f8c54d2f90
commit c37d43f022
1 changed files with 50 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,13 +1,41 @@
form { form {
--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);
textarea, textarea,
input { input:not([type='submit']) {
@apply !border-neutral-400; @apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold;
} }
input:not([type='checkbox']):not([type='radio']) { input:not([type='checkbox']):not([type='radio']):not([type='submit']) {
@apply !rounded-lg !py-6; @apply !rounded-lg !py-6;
} }
input[type='radio'] {
@apply bg-secondary;
}
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 { legend {
@apply !font-bold !text-neutral-900 !text-lg; @apply !font-bold !text-neutral-900 !text-lg;
} }
@ -15,3 +43,21 @@ form {
@apply !text-neutral-700 !text-base !font-medium; @apply !text-neutral-700 !text-base !font-medium;
} }
} }
.gform_title {
@apply hidden;
}
.gfield_description {
@apply !text-neutral-600 !text-sm !font-medium;
}
.section_titling + .gform_wrapper {
@apply mt-16;
}
.homegrade-blocks-box-monoblock {
.gform_wrapper {
@apply max-w-5xl !mx-auto;
}
}