feat(toggle): add updated focus states (#55)

- high contrast included
carbon-design-system · May 2, 2017 · 7f2af35 · 7f2af35
1 parent efee964
commit 7f2af35
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/toggle/_toggle.scss b/src/components/toggle/_toggle.scss
@@ -82,8 +82,15 @@
     }
   }
 
-  .bx--toggle:focus + .bx--toggle__label .bx--toggle__appearance {
-    @include focus-outline;
+  .bx--toggle:focus + .bx--toggle__label {
+    .bx--toggle__appearance:before {
+      outline: 1px solid transparent;
+    }
+
+    .bx--toggle__appearance:after {
+      box-shadow: 0 0 0 3px $color__blue-20;
+      outline: 1px solid transparent;
+    }
   }
 
   .bx--toggle:disabled + .bx--toggle__label {