toggles

dist/android-theme.css

@@ -347,9 +347,10 @@ textarea,
   left: 0;
   width: 50px;
   height: 24px;
-  border: 0;
+  border: 1px solid #b5b5b5;
   border-radius: 0;
   background-color: #bebebe;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 .toggle:before {
   top: 1px;
@@ -370,7 +371,7 @@ textarea,
 }
 .toggle.active:before {
   left: auto;
-  right: 15px;
+  right: 14px;
   color: #fff;
   content: "On";
 }

dist/ios-theme.css

@@ -392,9 +392,6 @@ textarea,
 .toggle:before {
   display: none;
 }
-.toggle:active .toggle-handle {
-  width: 35px;
-}
 .toggle.active {
   border: 2px solid #4cd964;
   background-color: transparent;

docs-assets/css/docs.css

@@ -1145,9 +1145,6 @@ hr {
 .platform-ios .toggle:before {
   display: none;
 }
-.platform-ios .toggle:active .toggle-handle {
-  width: 35px;
-}
 .platform-ios .toggle.active {
   border: 2px solid #4cd964;
   background-color: transparent;
@@ -1501,9 +1498,10 @@ hr {
   left: 0;
   width: 50px;
   height: 24px;
-  border: 0;
+  border: 1px solid #b5b5b5;
   border-radius: 0;
   background-color: #bebebe;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
 }
 .platform-android .toggle:before {
   top: 1px;
@@ -1524,7 +1522,7 @@ hr {
 }
 .platform-android .toggle.active:before {
   left: auto;
-  right: 15px;
+  right: 14px;
   color: #fff;
   content: "On";
 }

docs-assets/js/docs.js

@@ -149,8 +149,6 @@ $(function() {
   var calculateToggle = function () {
     var currentTop = win.scrollTop();
 
-    console.log('yep');
-
     if(currentTop >= toggleTop) {
       platformToggle.addClass('fixed');
       $('.docs-components').css('padding-top', toggleHeight);

lib/sass/theme-android.scss

@@ -491,9 +491,10 @@ textarea,
     left: 0;
     width: 50px;
     height: 24px;
-    border: 0;
+    border: 1px solid #b5b5b5;
     border-radius: 0;
     background-color: #bebebe;
+    box-shadow: inset 0 1px 0 rgba(255,255,255,.3), inset 0 -1px 0 rgba(0,0,0,.1);
   }
   &:before {
     top: 1px;
@@ -515,7 +516,7 @@ textarea,
     }
     &:before {
       left: auto;
-      right: 15px;
+      right: 14px;
       color: #fff;
       content: "On";
     }

lib/sass/theme-ios.scss

@@ -521,10 +521,6 @@ textarea,
   &:before {
     display: none;
   }
-  &:active .toggle-handle {
-    padding-right: 4px;
-    padding-left: 4px;
-  }
   // Active state for toggle
   &.active {
     border: 2px solid $positive-color;