bootstrap3-switch.css.scss in bootstrap-switch-rails-2.0.1

- old
+ new

@@ -1,7 +1,7 @@
 /* ========================================================================
- * bootstrap-switch - v2.0.0
+ * bootstrap-switch - v2.0.1
  * http://www.bootstrap-switch.org
  * ========================================================================
  * Copyright 2012-2013 Mattia Larentis
  *
  * ========================================================================
@@ -46,10 +46,17 @@
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .has-switch.switch-mini {
   min-width: 72px;
 }
+.has-switch.switch-mini span,
+.has-switch.switch-mini label {
+  padding-bottom: 4px;
+  padding-top: 4px;
+  font-size: 10px;
+  line-height: 9px;
+}
 .has-switch.switch-mini i.switch-mini-icons {
   height: 1.20em;
   line-height: 9px;
   vertical-align: text-top;
   text-align: center;
@@ -58,38 +65,54 @@
   margin-bottom: -1px;
 }
 .has-switch.switch-small {
   min-width: 80px;
 }
+.has-switch.switch-small span,
+.has-switch.switch-small label {
+  padding-bottom: 3px;
+  padding-top: 3px;
+  font-size: 12px;
+  line-height: 18px;
+}
 .has-switch.switch-large {
   min-width: 120px;
 }
+.has-switch.switch-large span,
+.has-switch.switch-large label {
+  padding-bottom: 9px;
+  padding-top: 9px;
+  font-size: 16px;
+  line-height: normal;
+}
+.has-switch.switch-animate > div {
+  -webkit-transition: left 0.5s;
+  transition: left 0.5s;
+}
+.has-switch.switch-off > div {
+  left: -50%;
+}
+.has-switch.switch-on > div {
+  left: 0%;
+}
 .has-switch.disabled {
   opacity: 0.5;
   filter: alpha(opacity=50);
   cursor: default !important;
 }
-.has-switch.disabled label,
-.has-switch.disabled span {
+.has-switch.disabled span,
+.has-switch.disabled label {
   cursor: default !important;
 }
 .has-switch > div {
   display: inline-block;
   width: 150%;
   position: relative;
   top: 0;
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
-.has-switch > div.switch-animate {
-  -webkit-transition: left 0.5s;
-  transition: left 0.5s;
-}
-.has-switch > div.switch-off {
-  left: -50%;
-}
-.has-switch > div.switch-on {
-  left: 0%;
-}
 .has-switch input[type=radio],
 .has-switch input[type=checkbox] {
   display: none;
 }
 .has-switch span,
@@ -104,37 +127,16 @@
   padding-bottom: 4px;
   padding-top: 4px;
   font-size: 14px;
   line-height: 20px;
 }
-.has-switch span.switch-mini,
-.has-switch label.switch-mini {
-  padding-bottom: 4px;
-  padding-top: 4px;
-  font-size: 10px;
-  line-height: 9px;
-}
-.has-switch span.switch-small,
-.has-switch label.switch-small {
-  padding-bottom: 3px;
-  padding-top: 3px;
-  font-size: 12px;
-  line-height: 18px;
-}
-.has-switch span.switch-large,
-.has-switch label.switch-large {
-  padding-bottom: 9px;
-  padding-top: 9px;
-  font-size: 16px;
-  line-height: normal;
-}
 .has-switch label {
   text-align: center;
   margin-top: -1px;
   margin-bottom: -1px;
   z-index: 100;
-  width: 34%;
+  width: 33.333333333%;
   background: #ffffff;
 }
 .has-switch label i {
   color: #000;
   text-shadow: 0 1px 0 #fff;
@@ -142,10 +144,10 @@
   pointer-events: none;
 }
 .has-switch span {
   text-align: center;
   z-index: 1;
-  width: 33%;
+  width: 33.333333333%;
 }
 .has-switch span.switch-left {
   color: #f00;
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;