Initial Bootstrap 3 migration

src/UI/Content/Overrides/bootstrap.less

@@ -4,8 +4,8 @@
   cursor : default;
 }
 
-.input-append {
-  .add-on {
+.input-group {
+  .input-group-addon {
     margin-left : 0;
   }
 }
@@ -18,13 +18,28 @@
 
   text-transform : capitalize;
   min-width      : 80px;
+  padding        : 4px 12px;
 
-  &.btn-mini {
+  &.btn-xs {
     min-width : 0px;
   }
 
   &.btn-icon-only {
-    min-width : 15px;
+    min-width : 41px;
+  }
+  
+  &.btn-icon-only-xs {
+    @media (max-width: @screen-xs-max) {
+      min-width : 41px;
+   
+      span {
+          .responsive-invisibility();
+      }
+    }
+  }
+  
+  label, input {
+    padding: 0px;
   }
 }
 

src/UI/Content/Overrides/bootstrap.toggle-switch.less

@@ -3,22 +3,23 @@
 
 .toggle {
   .slide-button {
-    .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
+    .button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
 
     &.btn-danger, &.btn-warning {
-      .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
+      //.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
+      .button-variant(@btn-warning-color, @btn-warning-bg, @btn-warning-border);
     }
   }
 
   input:first-of-type:checked ~ .slide-button {
-    .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
+    .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
 
     &.btn-danger {
-      .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
+      .button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
     }
 
     &.btn-warning {
-      .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
+      .button-variant(@btn-warning-color, @btn-warning-bg, @btn-warning-border);
     }
   }
 }