fix(forms): update error and help states

techfromsage · Aug 18, 2021 · 36f4875 · 36f4875
1 parent a10fa39
commit 36f4875
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/scss/_forms.scss b/scss/_forms.scss
@@ -82,23 +82,25 @@ legend {
   margin-top: math.div($spacer, 2);
 }
 
-.field-error--new {
-  display: inline-block;
-  padding-left: $spacer;
+.field-error,
+.help-block {
+  display: block;
+  padding: math.div($spacer, 4) $spacer;
   margin-bottom: math.div($spacer, 2);
+  border-left: 3px solid;
+}
+
+.field-error {
   color: $red;
-  border-left: 3px solid $red;
+  border-left-color: $red;
 }
 
-.help-block--new {
-  padding-left: $spacer;
-  margin-bottom: 1.25rem;
+.help-block {
   color: $black;
-  background-color: $white;
-  border-left: 3px solid $primary;
+  border-left-color: $primary;
 }
 
-.input-group + .field-error--new {
+.input-group + .field-error {
   margin-top: math.div($spacer, 2);
 }