accessibility for focus

2017-11-11 23:50:13 +01:00
parent 037030a140
commit 299097e13f
1 changed files with 10 additions and 0 deletions
@@ -22,6 +22,16 @@
@import "donations"
@import "nav"

+*:focus 
+  outline: 0
+  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px red
+  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px red
+
+.form-control:focus, input:focus
+  outline: 0
+  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px $brand-success
+  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.075), 0 0 8px $brand-success
+
 .alert-alert
  @extend .alert-danger