make component animations work cross browsers with opacity mixin, restore float on...

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index bca6b7c32605391878c83218426f7e000823aa47..863e5230c65f662eae237b1506095a5d39f0c082 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2499,6 +2499,7 @@ table .span24 {
 
 .fade {
   opacity: 0;
+  filter: alpha(opacity=0);
   -webkit-transition: opacity 0.15s linear;
      -moz-transition: opacity 0.15s linear;
       -ms-transition: opacity 0.15s linear;
@@ -2508,6 +2509,7 @@ table .span24 {
 
 .fade.in {
   opacity: 1;
+  filter: alpha(opacity=100);
 }
 
 .collapse {
@@ -4445,6 +4447,7 @@ input[type="submit"].btn.btn-mini {
 }
 
 .thumbnails > li {
+  float: left;
   margin-bottom: 18px;
 }
 
@@ -4647,15 +4650,15 @@ a.badge:hover {
   -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
      -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
           box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-      -ms-box-sizing: border-box;
-          box-sizing: border-box;
   -webkit-transition: width 0.6s ease;
      -moz-transition: width 0.6s ease;
       -ms-transition: width 0.6s ease;
        -o-transition: width 0.6s ease;
           transition: width 0.6s ease;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+      -ms-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 .progress-striped .bar {

diff --git a/less/component-animations.less b/less/component-animations.less
index 5a1e202d1a58a7252616fe628635be9dac61b880..da1f2e5350587c69947bb93f789fde390cfc1bc7 100644 (file)
--- a/less/component-animations.less
+++ b/less/component-animations.less
@@ -2,17 +2,17 @@
 // --------------------
 
 .fade {
-  opacity: 0;
+  .opacity(0);
   .transition(opacity .15s linear);
   &.in {
-    opacity: 1;
+    .opacity(100);
   }
 }
 
 .collapse {
-  position:relative;
+  position: relative;
   height: 0;
-  overflow:hidden;
+  overflow: hidden;
   .transition(height .35s ease);
   &.in {
     height: auto;

diff --git a/less/thumbnails.less b/less/thumbnails.less
index 7fa77afa9ab63353d96a1dad61c90df997e767c4..012def577a5c9db773b26deb0bdf166003a41dfa 100644 (file)
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -14,6 +14,7 @@
 
 // Float li to make thumbnails appear in a row
 .thumbnails > li {
+  float: left; // Explicity set the float since we don't require .span* classes
   margin-bottom: @baseLineHeight;
 }