From c37d43f022155e3eececf85b98475d00a2565124 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 22 Nov 2023 15:46:14 +0100
Subject: [PATCH] styling forms v1

---
 resources/css/components/forms.css | 54 +++++++++++++++++++++++++++---
 1 file changed, 50 insertions(+), 4 deletions(-)

diff --git a/resources/css/components/forms.css b/resources/css/components/forms.css
index ff4a231..d49ddf6 100644
--- a/resources/css/components/forms.css
+++ b/resources/css/components/forms.css
@@ -1,13 +1,41 @@
 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,
-  input {
-    @apply !border-neutral-400;
+  input:not([type='submit']) {
+    @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;
   }
-
+  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 {
     @apply !font-bold !text-neutral-900 !text-lg;
   }
@@ -15,3 +43,21 @@ form {
     @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;
+  }
+}