fix: add variables and delete unnecessary class

assets/scss/core/_base.scss

@@ -116,7 +116,7 @@ textarea {
       label {
         font-weight: normal;
         vertical-align: middle;
-        margin-left: 25px;
+        margin-left: $dp-spaces--lv4;
       }
     }/* Field checkbox */
 
@@ -200,33 +200,18 @@ input[type="tel"] {
 .error {
   input,
   select,
-  textarea,
-  .checkmark {
+  textarea {
     border: 1px solid $dp-color-red;
   }
 
   .wrapper-errors {
     display: inline-block;
 
     .error-message {
-      margin: 0;
+      margin: $dp-spaces--lv0;
       color: $dp-color-red;
       font-size: $dp-font-size-small;
     }
-
-    .error-characters {
-      margin-right: $dp-spaces--lv4;
-
-      &::before {
-        content: '';
-        display: inline-block;
-        width: 8px;
-        height: 8px;
-        border-radius: 8px;
-        background-color: $dp-color-red;
-        margin-right: $dp-border-radius;
-      }
-    }
   }
   /* animation to show the errors (optional) */
   @keyframes bounceIn {
@@ -277,7 +262,7 @@ input[type="tel"] {
   display: block;
 
   .password-message {
-    margin: 0;
+    margin: $dp-spaces--lv0;
     font-size: $dp-font-size-small;
   }
 

assets/scss/modules/_forms.scss

@@ -46,7 +46,7 @@
     content: '';
     position: absolute;
     left: 4px;
-    bottom: 10px;
+    bottom: 9px;
     width: 4px;
     height: 7px;
     border: solid $check-color;

assets/scss/templates/_signup.scss

@@ -19,7 +19,7 @@
     .content-signin {
       float: right;
       display: inline-block;
-      margin-top: 6px;
+      margin-top: $dp-spaces--lv1;
       font-family: $dp-font-family-proximanova;
       font-style: italic;
 
@@ -33,7 +33,7 @@
       margin: 60px 0 0;
       font-family: $dp-font-family-proximanova;
       color: $dp-color-brown;
-      font-weight: bold;
+      font-weight: $dp-font-weight-bold;
       text-transform: uppercase;
     }
 
@@ -54,7 +54,7 @@
     }
 
     .content-legal {
-      margin-top: 30px;
+      margin-top: $dp-spaces--lv5;
 
       p {
         font-size: $dp-font-size-rpgd;
@@ -63,7 +63,7 @@
     }
 
     footer {
-      padding-top: 15px;
+      padding-top: $dp-spaces--lv3;
     }
   }
 
@@ -81,15 +81,15 @@
     h6 {
       margin-bottom: 10px;
       font-family: $dp-font-family-proximanova;
-      font-weight: bold;
+      font-weight: $dp-font-weight-bold;
       color: $dp-color-white;
       text-transform: uppercase;
     }
 
     h3 {
       margin: 10px 0;
       font-family: $dp-font-family-proximanova;
-      font-weight: bold;
+      font-weight: $dp-font-weight-bold;
       color: $dp-color-white;
     }
 
@@ -101,7 +101,7 @@
   /* width */
   ::-webkit-scrollbar {
     width: 8px;
-    border-radius: 5px;
+    border-radius: $dp-border-radius;
   }
   /* Track */
   ::-webkit-scrollbar-track {
@@ -111,7 +111,7 @@
   /* Handle */
   ::-webkit-scrollbar-thumb {
     background: $dp-color-lightgrey;
-    border-radius: 5px;
+    border-radius: $dp-border-radius;
   }
   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {