Fix form input focus colors

1 files changed, 8 insertions, 0 deletions

diff --git a/docs/css/spectre.css b/docs/css/spectre.css
index 13bbb0d..f34c837 100644
--- a/docs/css/spectre.css
+++ b/docs/css/spectre.css
@@ -816,10 +816,18 @@ textarea.form-input {
 .form-input.is-success {
   border-color: #32b643;
 }
+.has-success .form-input:focus,
+.form-input.is-success:focus {
+  box-shadow: 0 0 0 .2rem rgba(50, 182, 67, .15);
+}
 .has-danger .form-input,
 .form-input.is-danger {
   border-color: #e85600;
 }
+.has-danger .form-input:focus,
+.form-input.is-danger:focus {
+  box-shadow: 0 0 0 .2rem rgba(232, 86, 0, .15);
+}
 .form-input[type=file] {
   height: auto;
 }