commit 9e00ce9692351c1b6636eb4732345bde2c9f5b35
author Michael Davis <michael.s.davis@ibm.com> Thu Mar 09 18:31:02 2017 -0600
committer Patrick Williams <patrick@stwcx.xyz> Wed Sep 20 12:41:10 2017 -0500
tree c98783e3aacb94a8e5651eddf55c732c227a4742
parent ea5241a9d0847297c812b6c83c6b13de2873f181

unit-id: improvements to toggle style

Change-Id: I5882e03015aa7f6b28b9d208169a8f24b002c5f9
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>

src/scss/elements/_toggle-switch.scss

diff --git a/src/scss/elements/_toggle-switch.scss b/src/scss/elements/_toggle-switch.scss
index 4c0faea..6ea5054 100644
--- a/src/scss/elements/_toggle-switch.scss
+++ b/src/scss/elements/_toggle-switch.scss
@@ -14,8 +14,10 @@
 
 .toggle-switch {
   position: absolute;
-  margin-left: -9999px;
-  visibility: hidden;
+  left: 20px;
+  height: 1px;
+  width: 1px;
+  opacity: 0;
 }
 .toggle-switch + label {
   display: block;
@@ -36,6 +38,10 @@
   @include borderRadius;
   @include marginTransition;
 }
+
+input.toggle-switch__round-flat:focus + label {
+  box-shadow: 0 0 4px 4px $darkbg__accent;
+}
 input.toggle-switch__round-flat + label:before, input.toggle-switch__round-flat + label:after {
   display: block;
   position: absolute;