blah

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 43ec1e417b94e3940194904e09af52a1bedfa276..4771ff44980a3d05adaf75806b753a0489418d8f 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -3195,11 +3195,6 @@ a.thumbnail:hover {
   border-radius: 23px;
   opacity: 0.5;
   filter: alpha(opacity=50);
-  -webkit-transition: all 0.2s linear;
-  -moz-transition: all 0.2s linear;
-  -ms-transition: all 0.2s linear;
-  -o-transition: all 0.2s linear;
-  transition: all 0.2s linear;
 }
 .carousel-control.right {
   left: auto;

diff --git a/less/carousel.less b/less/carousel.less
index 254a9f60c7be9ea6ad232b6b649eb92c85fca5ae..4163b069f9acd2c284a2d1df53eaea92519bbe4d 100644 (file)
--- a/less/carousel.less
+++ b/less/carousel.less
@@ -26,15 +26,15 @@
     line-height: 1;
   }
 
-  .active, 
-  .next, 
+  .active,
+  .next,
   .prev { display: block; }
 
   .active {
     left: 0;
   }
 
-  .next, 
+  .next,
   .prev {
     position: absolute;
     top: 0;
@@ -47,7 +47,7 @@
   .prev {
     left: -100%;
   }
-  .next.left, 
+  .next.left,
   .prev.right {
     left: 0;
   }
@@ -80,7 +80,13 @@
   border: 3px solid @white;
   .border-radius(23px);
   .opacity(50);
-  .transition(all .2s linear);
+
+  // we can't have this transition here
+  // because webkit cancels the carousel
+  // animation if you trip this while
+  // in the middle of another animation
+  // ;_;
+  // .transition(opacity .2s linear);
 
   // Reposition the right one
   &.right {