From 2cd8019ef65b07b7d28a2d43f71c42c719843ad8 Mon Sep 17 00:00:00 2001
From: Matthew Taylor <mewtaylor@gmail.com>
Date: Tue, 5 Jul 2016 11:37:12 -0400
Subject: [PATCH] Add box shadow for focus state on checkboxes

Fixes #628 by applying the same outline for focus as is currently applied to checked boxes.
---
 src/components/forms/checkbox.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/checkbox.scss b/src/components/forms/checkbox.scss
index 9d031d157..df8a17237 100644
--- a/src/components/forms/checkbox.scss
+++ b/src/components/forms/checkbox.scss
@@ -20,12 +20,12 @@
 
                 &:checked,
                 &:focus {
+                    transition: all .5s ease;
                     outline: none;
+                    box-shadow: 0 0 0 .25rem $active-gray;
                 }
 
                 &:checked {
-                    transition: all .5s ease;
-                    box-shadow: 0 0 0 .25rem $active-gray;
                     background-color: $ui-blue;
                     text-align: center;
                     text-indent: .125rem;