_switches.scss in foundation-rails-5.4.0.0

- old
+ new

@@ -14,21 +14,21 @@
 //
 
 $include-html-form-classes: $include-html-classes !default;
 
 // Controlling background color for the switch container
-$switch-bg: #ddd !default;
+$switch-bg: $gainsboro !default;
 
 // We use these to control the switch heights for our default classes
 $switch-height-tny: 1.5rem !default;
 $switch-height-sml: 1.75rem !default;
 $switch-height-med: 2rem !default;
 $switch-height-lrg: 2.5rem !default;
 $switch-bottom-margin: 1.5rem !default;
 
 // We use these to style the switch-paddle
-$switch-paddle-bg: #fff !default;
+$switch-paddle-bg: $white !default;
 $switch-paddle-transition-speed: .15s !default;
 $switch-paddle-transition-ease: ease-out !default;
 $switch-active-color: $primary-color;
 
 
@@ -80,9 +80,13 @@
     width: $switch-height-med - 0.5rem; height: $switch-height-med - 0.5rem;
 
     -webkit-transition: left $transition-speed $transition-ease;
     -moz-transition: left $transition-speed $transition-ease;
     transition: left $transition-speed $transition-ease;
+
+    -webkit-transform: translate3d(0,0,0);
+    -moz-transform: translate3d(0,0,0);
+    transform: translate3d(0,0,0);
   }
 
   input:checked + label {
     background: $switch-active-color;
   }