diff --git a/resources/css/components/forms.css b/resources/css/components/forms/forms.css similarity index 68% rename from resources/css/components/forms.css rename to resources/css/components/forms/forms.css index e8c691d..98eca9e 100644 --- a/resources/css/components/forms.css +++ b/resources/css/components/forms/forms.css @@ -74,6 +74,11 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not( input[type='submit'] { @apply !px-8 !py-3 !border-none !rounded-full !font-bold !text-lg; + &:hover, + &:focus-visible { + @apply !bg-primary; + /* filter: brightness(0.4); */ + } } input[type='file'] { @apply !rounded-lg; @@ -82,13 +87,15 @@ form:not(.metabox-location-side):not(.metabox-location-normal):not( @apply !font-bold !text-neutral-900 !text-lg; } legend { - @apply font-bold !text-neutral-900 !text-lg; + @apply font-bold !text-neutral-900; } label { @apply !text-neutral-700 !text-base !font-medium; } } - +legend { + @apply !text-lg; +} legend.gfield_label + .gfield_description { @apply !pb-4; } @@ -179,84 +186,3 @@ legend.gfield_label + .gfield_description { @apply max-w-5xl !mx-auto; } } - -/* .publications-amount-fr, -.publications-amount-nl { - @apply !hidden; -} */ - -.field-order-paper-publications { - @apply !grid gap-x-12 gap-y-6 md:gap-y-2; - - .brochure-order-field { - @apply grid justify-end gap-3 gap-y-2 items-center; - grid-template-columns: 1fr; - @screen md { - grid-template-columns: auto 1fr 1fr auto; - } - - .thematique-tag, - legend { - @apply md:mt-6; - } - .thematique-tag { - @apply !py-1 !px-4 !rounded-lg mr-4 flex items-center shrink-0 w-fit; - line-height: 1.7; - } - .thematique-icon { - @apply w-8 mr-3 my-2; - } - legend { - @apply block ml-0 !mr-auto !font-normal; - font-weight: revert !important; - } - .preview-brochure { - @apply !text-neutral-700 flex justify-center items-center w-fit md:mx-auto; - - &:after { - content: ' '; - @apply w-4 h-4 block ml-3 bg-no-repeat bg-center bg-contain; - background-image: url('../resources/img/graphic-assets/icone-external-link.svg'); - } - } - .inputs-container { - @apply flex gap-4; - } - - .publications-amount-fr, - .publications-amount-nl { - label { - @apply block mx-auto; - } - input[type='number'] { - @apply h-2 !w-16 !py-5; - } - #publications-amount__label-nl, - #publications-amount__label-fr { - @apply !text-neutral-600 uppercase !text-sm text-center; - } - } - .legend { - @apply col-start-2 col-span-2 text-neutral-500; - line-height: 1.5; - } - } -} -.homegrade-delivering .gfield_description { - @apply !text-secondary py-2; -} - -#gform_wrapper_18 { - @apply max-w-screen-lg; - - input[type='submit'] { - @apply !mx-auto mt-6; - } - .gsection_description { - @apply pt-2; - } - .gfield--type-section { - border-bottom: 1px solid !important; - @apply !border-neutral-300 pb-4; - } -}