From 299097e13f6ca0ac6f6884426e6372854b020f1b Mon Sep 17 00:00:00 2001 From: Markus Graf Date: Sat, 11 Nov 2017 23:50:13 +0100 Subject: [PATCH] accessibility for focus --- app/assets/stylesheets/application.sass | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/app/assets/stylesheets/application.sass b/app/assets/stylesheets/application.sass index 9ecf2f2..7d37325 100644 --- a/app/assets/stylesheets/application.sass +++ b/app/assets/stylesheets/application.sass @@ -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