ux(): checkbox v3 with hover style

public/sass/components/_switch.scss

@@ -31,6 +31,8 @@ $switch-height: 1.5rem;
   }
 
   input + label:before, input + label:after {
+    @include buttonBackground($input-bg, $input-bg);
+
     display: block;
     position: absolute;
     top: 0;
@@ -44,8 +46,14 @@ $switch-height: 1.5rem;
     font-size: 150%;
   }
 
+  &:hover {
+    input + label:before, input + label:after {
+      @include buttonBackground($input-bg, lighten($input-bg, 5%));
+      color: lighten(#FF8600, 10%);
+    }
+  }
+
   input + label:before {
-    @include buttonBackground($input-bg, lighten($input-bg, 5%));
     //content: attr(data-off);
     font-family: 'FontAwesome';
     //content: "\f00c";
@@ -59,7 +67,6 @@ $switch-height: 1.5rem;
   }
 
   input + label:after {
-    @include buttonBackground($input-bg, lighten($input-bg, 5%));
     //@include buttonBackground($btn-secondary-bg, $btn-secondary-bg-hl);
     //content: attr(data-on);
     //content: "\f00c";