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

refining responsive

Browse Source
This commit is contained in:
Antoine M 2024-01-23 17:18:40 +01:00
parent 55e6f58198
commit 6846ceb0a7
1 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,7 @@
form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-location-advanced) { form:not(.metabox-location-side):not(.metabox-location-normal):not(
.metabox-location-advanced,
.search-module__search-form
) {
--secondary: #df1e1e; --secondary: #df1e1e;
--secondary-darker: #bd1515; --secondary-darker: #bd1515;
@ -32,33 +35,35 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not(.metabox-loca
select, select,
textarea, textarea,
input:not([type='submit']):not(.gform_next_button, .gform_previous_button) { input:not([type='submit']):not(
/* @apply !border-neutral-400 !text-lg !text-neutral-900 !font-semibold !border; */ .gform_next_button,
.gform_previous_button,
.search-module__search-form__input
) {
@apply !border-neutral-400 !text-lg !font-semibold !border; @apply !border-neutral-400 !text-lg !font-semibold !border;
line-height: 1 !important; line-height: 1 !important;
&:focus-visible { &:focus-visible {
/* @apply !border-secondary; */
outline: solid 1px; outline: solid 1px;
outline-offset: 3px !important; outline-offset: 3px !important;
@apply outline-primary; @apply outline-primary;
} }
} }
input[type='text'] {
@apply !py-6;
text-indent: 6px !important;
}
input:not( input:not(
[type='checkbox'], [type='checkbox'],
[type='submit'], [type='submit'],
[type='file'], [type='file'],
[type='radio'], [type='radio'],
.gform-theme-button .gform-theme-button,
.search-module__search-form__input
) { ) {
@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;