updating style

resources/css/components/forms/field-order-publications.css

@@ -0,0 +1,75 @@
+.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;
+  }
+}