Update Bootstrap Sass to 3.3.0

Author: nicomollet

CHANGELOG.md

@@ -1,6 +1,10 @@
 ### HEAD
 * WooCommerce compatibility
 
+
+### 0.1.7: November 8th, 2014
+* Upgrade Boostrap to v3.3.0
+
 ### 0.1.6: September 24nd, 2014
 * Refactoring of localization
 * Added french (fr_FR) localization

functions.php

@@ -30,7 +30,7 @@
 		'respond' => '1.4.2',
 		'lessjs' => '1.6.2',
 		'selectivizr' => '1.0.2',
-		'bootstrap' => '3.2.0',
+		'bootstrap' => '3.3.0',
 		'bootstrap-select' => '1.6.2',
 		'jquery' => '1.11.1',
 		//'jquery-cycle' => '3.03',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "stormbinger",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "repository" : {
     "type" : "git",
     "url" : "http://github.com/nicomollet/stormbringer.git"

scss/bootstrap/_button-groups.scss

@@ -38,7 +38,7 @@
 // Optional: Group multiple button groups together for a toolbar
 .btn-toolbar {
   margin-left: -5px; // Offset the first child's margin
-  @include clearfix();
+  @include clearfix;
 
   .btn-group,
   .input-group {
@@ -156,7 +156,7 @@
 
   // Clear floats so dropdown menus can be properly placed
   > .btn-group {
-    @include clearfix();
+    @include clearfix;
     > .btn {
       float: none;
     }
@@ -198,7 +198,6 @@
 }
 
 
-
 // Justified button groups
 // ----------------------
 
@@ -226,15 +225,23 @@
 // Checkbox and radio options
 //
 // In order to support the browser's form validation feedback, powered by the
-// `required` attribute, we have to "hide" the inputs via `opacity`. We cannot
-// use `display: none;` or `visibility: hidden;` as that also hides the popover.
+// `required` attribute, we have to "hide" the inputs via `clip`. We cannot use
+// `display: none;` or `visibility: hidden;` as that also hides the popover.
+// Simply visually hiding the inputs via `opacity` would leave them clickable in
+// certain cases which is prevented by using `clip` and `pointer-events`.
 // This way, we ensure a DOM element is visible to position the popover from.
 //
-// See https://github.com/twbs/bootstrap/pull/12794 for more.
+// See https://github.com/twbs/bootstrap/pull/12794 and
+// https://github.com/twbs/bootstrap/pull/14559 for more information.
 
-[data-toggle="buttons"] > .btn > input[type="radio"],
-[data-toggle="buttons"] > .btn > input[type="checkbox"] {
-  position: absolute;
-  z-index: -1;
-  @include opacity(0);
+[data-toggle="buttons"] {
+  > .btn,
+  > .btn-group > .btn {
+    input[type="radio"],
+    input[type="checkbox"] {
+      position: absolute;
+      clip: rect(0,0,0,0);
+      pointer-events: none;
+    }
+  }
 }

scss/bootstrap/_buttons.scss

@@ -12,6 +12,7 @@
   font-weight: $btn-font-weight;
   text-align: center;
   vertical-align: middle;
+  touch-action: manipulation;
   cursor: pointer;
   background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
   border: 1px solid transparent;
@@ -22,13 +23,15 @@
   &,
   &:active,
   &.active {
-    &:focus {
-      @include tab-focus();
+    &:focus,
+    &.focus {
+      @include tab-focus;
     }
   }
 
   &:hover,
-  &:focus {
+  &:focus,
+  &.focus {
     color: $btn-default-color;
     text-decoration: none;
   }
@@ -43,7 +46,7 @@
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    cursor: not-allowed;
+    cursor: $cursor-disabled;
     pointer-events: none; // Future-proof disabling of clicks
     @include opacity(.65);
     @include box-shadow(none);
@@ -85,11 +88,11 @@
 .btn-link {
   color: $link-color;
   font-weight: normal;
-  cursor: pointer;
   border-radius: 0;
 
   &,
   &:active,
+  &.active,
   &[disabled],
   fieldset[disabled] & {
     background-color: transparent;

scss/bootstrap/_carousel.scss

@@ -21,9 +21,33 @@
     // Account for jankitude on images
     > img,
     > a > img {
-      @include img-responsive();
+      @include img-responsive;
       line-height: 1;
     }
+
+    // WebKit CSS3 transforms for supported devices
+    @media all and (transform-3d), (-webkit-transform-3d) {
+      transition: transform .6s ease-in-out;
+      backface-visibility: hidden;
+      perspective: 1000;
+
+      &.next,
+      &.active.right {
+        transform: translate3d(100%, 0, 0);
+        left: 0;
+      }
+      &.prev,
+      &.active.left {
+        transform: translate3d(-100%, 0, 0);
+        left: 0;
+      }
+      &.next.left,
+      &.prev.right,
+      &.active {
+        transform: translate3d(0, 0, 0);
+        left: 0;
+      }
+    }
   }
 
   > .active,

scss/bootstrap/_code.scss

@@ -32,6 +32,7 @@ kbd {
   kbd {
     padding: 0;
     font-size: 100%;
+    font-weight: bold;
     box-shadow: none;
   }
 }

scss/bootstrap/_component-animations.scss

@@ -17,8 +17,9 @@
 
 .collapse {
   display: none;
+  visibility: hidden;
 
-  &.in      { display: block; }
+  &.in      { display: block; visibility: visible; }
   // [converter] extracted tr&.in to tr.collapse.in
   // [converter] extracted tbody&.in to tbody.collapse.in
 }
@@ -31,5 +32,7 @@ tbody.collapse.in { display: table-row-group; }
   position: relative;
   height: 0;
   overflow: hidden;
-  @include transition(height .35s ease);
+  @include transition-property(height, visibility);
+  @include transition-duration(.35s);
+  @include transition-timing-function(ease);
 }

scss/bootstrap/_dropdowns.scss

@@ -103,16 +103,15 @@
   &:focus {
     color: $dropdown-link-disabled-color;
   }
-}
-// Nuke hover/focus effects
-.dropdown-menu > .disabled > a {
+
+  // Nuke hover/focus effects
   &:hover,
   &:focus {
     text-decoration: none;
     background-color: transparent;
     background-image: none; // Remove CSS gradient
-    @include reset-filter();
-    cursor: not-allowed;
+    @include reset-filter;
+    cursor: $cursor-disabled;
   }
 }
 
@@ -212,4 +211,3 @@
     }
   }
 }
-