Error states for checkboxes/radios

2018-07-25 10:30:21 -04:00
parent fbec69f110
commit 1be22b2c47
2 changed files with 14 additions and 2 deletions
--- a/scss/elements/_inputs.scss
+++ b/scss/elements/_inputs.scss
@@ -45,7 +45,13 @@
  fieldset {
    input[type='radio'] {
      + label::before {
-        box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px $color-red;
+        box-shadow: 0 0 0 1px $color-white, 0 0 0 3px $color-red;
+      }
+    }
+
+    input[type='checkbox'] {
+      + label::before {
+        box-shadow: 0 0 0 2px $color-red;
      }
    }
  }
@@ -103,6 +109,10 @@
      margin: 0;
    }

+    .usa-input__message {
+      display: block;
+    }
+
    &.usa-input__choices--inline {
      label {
        display: inline-block;