_switch.scss in active_frontend-14.0.51

- old
+ new

@@ -14,11 +14,11 @@
   display: inline-block;
   height: 28px;
   overflow: hidden;
   position: relative;
   vertical-align: top;
-  width: 60px;
+  width: 56px;
 
   input[type='checkbox'] { display: none; }
 
   .switch-group {
     @include transition(left 0.125s ease-in-out);
@@ -80,11 +80,11 @@
 
 // Sizes
 // ==================================================
 .switch-size-l {
   height: 36px;
-  width: 80px;
+  width: 76px;
 
   .switch-handle {
     height: 36px;
     width: 36px;
   }
@@ -100,11 +100,11 @@
     .switch-handle { right: calc(50% - 35px); }
   }
 }
 .switch-size-m {
   height: 32px;
-  width: 70px;
+  width: 66px;
 
   .switch-handle {
     height: 32px;
     width: 32px;
   }
@@ -120,10 +120,10 @@
     .switch-handle { right: calc(50% - 31px); }
   }
 }
 .switch-size-s {
   height: 24px;
-  width: 50px;
+  width: 48px;
 
   .switch-handle {
     height: 24px;
     width: 24px;
   }