total_1ère

src/scss/components/_inputs.scss

@@ -23,8 +23,8 @@
     }
 
     input[type=email] {
-        padding-top: 19px;
-        padding-bottom: 16px;
+        //padding-top: 19px;
+        //padding-bottom: 16px;
         padding-left: 16px;
         padding-right: 13px;
         background-color: $color_blanc;
@@ -118,6 +118,23 @@
         border: 1.8px solid $color_bleu_fonce_1;
     }
 }
+.input_box_rouge {
+    label {
+        color: $color_rouge;
+    }
+    input,input[type=text],input[type=tel],input[type=date], select, textarea {
+        border: 1.8px solid $color_rouge;
+    }
+}
+
+.input_box_green {
+    label {
+        color: $color_green;
+    }
+    input,input[type=text],input[type=tel],input[type=date], select, textarea {
+        border: 1.8px solid $color_green;
+    }
+}
 
 
 /* FORMAT DU CONTENUE DU CHAMP DE SAISIE */
@@ -199,6 +216,7 @@
         }
     }
     input,input[type=text],input[type=tel],input[type=date], select, textarea {
+        // appearance: initial;
         font-family: cabin_regular;
         font-size: 14px;
         @include media_max(phone){
@@ -216,6 +234,12 @@
     }
 }
 
+.uppercase {
+    text-transform: uppercase;
+}
+.capitalize {
+    text-transform: capitalize;
+}
 
 /* ***************************************** */
 /* ***************************************** */
@@ -223,6 +247,7 @@
 /* ***************************************** */
 /* ***************************************** */
 
+// ROUGE
 .input_checkbox {
     //max-width: 300px;
 
@@ -249,6 +274,32 @@
       }
 }
 
+// NOIR
+.input_checkbox_bleu {
+
+    input[type="checkbox"] {
+        
+        border: 0.15em solid $color_bleu !important;
+        &:checked {
+            background-color: $color_bleu !important;
+        }
+        
+      }
+}
+
+.input_checkbox_green {
+
+    input[type="checkbox"] {
+        
+        border: 0.15em solid $color_green !important;
+        &:checked {
+            background-color: $color_green !important;
+        }
+        
+      }
+}
+
+
 /* ***************************************** */
 /* ***************************************** */
 /* BUTTONS                                     */
@@ -300,3 +351,9 @@
     }
 
 }
+
+
+.text_listeatt{
+    font-size: 12px;
+    text-decoration: underline;
+}