diff --git a/scss/elements/_inputs.scss b/scss/elements/_inputs.scss index de7576da..8e07df9c 100644 --- 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; diff --git a/templates/styleguide.html.to b/templates/styleguide.html.to index 5b8623d9..a68818c1 100644 --- a/templates/styleguide.html.to +++ b/templates/styleguide.html.to @@ -212,7 +212,7 @@
-
+
Inline Checkboxes @@ -223,6 +223,8 @@ + + This is an error