Permalink
Browse files

rebuild css, add preserve-3d for faster animations, fix whitespace in…

… mixins.less
  • Loading branch information...
1 parent d811808 commit 1b4b97d53015bc628a2eb001bcd569fb923a3c0c @fat fat committed Nov 3, 2011
Showing with 21 additions and 15 deletions.
  1. +6 −1 bootstrap.css
  2. +5 −5 bootstrap.min.css
  3. +1 −1 docs/javascript.html
  4. +3 −3 js/bootstrap-alerts.js
  5. +6 −5 lib/mixins.less
View
@@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Wed Nov 2 00:03:55 PDT 2011
+ * Date: Thu Nov 3 14:42:54 PDT 2011
*/
/* Reset.less
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -697,6 +697,7 @@ textarea {
color: #bfbfbf;
}
input, textarea {
+ -webkit-transform-style: preserve-3d;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
@@ -1369,6 +1370,7 @@ table .headerSortUp.purple, table .headerSortDown.purple {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25);
+ -webkit-transform-style: preserve-3d;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
@@ -1892,6 +1894,7 @@ footer {
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+ -webkit-transform-style: preserve-3d;
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
@@ -2196,6 +2199,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
margin-top: 7px;
}
.modal.fade {
+ -webkit-transform-style: preserve-3d;
-webkit-transition: opacity .3s linear, top .3s ease-out;
-moz-transition: opacity .3s linear, top .3s ease-out;
-ms-transition: opacity .3s linear, top .3s ease-out;
@@ -2391,6 +2395,7 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
margin-bottom: 0;
}
.fade {
+ -webkit-transform-style: preserve-3d;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-ms-transition: opacity 0.15s linear;
View
Oops, something went wrong.
@@ -347,7 +347,7 @@
$('.btn').button('complete')
&lt;/scrip&gt;</pre>
<h3>Demo</h3>
- <button id="fat-btn" data-loading-text="foo" class="btn danger">Loading Demo</button>
+ <button id="fat-btn" data-loading-text="loading..." class="btn danger">Loading Demo</button>
<button class="btn" data-toggle="toggle">Toggle Demo</button>
<script>
$(function() {
@@ -40,11 +40,11 @@
if ( $.support.transition ) {
transitionEnd = "TransitionEnd"
if ( $.browser.webkit ) {
- transitionEnd = "webkitTransitionEnd"
+ transitionEnd = "webkitTransitionEnd"
} else if ( $.browser.mozilla ) {
- transitionEnd = "transitionend"
+ transitionEnd = "transitionend"
} else if ( $.browser.opera ) {
- transitionEnd = "oTransitionEnd"
+ transitionEnd = "oTransitionEnd"
}
}
View
@@ -111,11 +111,12 @@
// Transitions
.transition(@transition) {
- -webkit-transition: @transition;
- -moz-transition: @transition;
- -ms-transition: @transition;
- -o-transition: @transition;
- transition: @transition;
+-webkit-transform-style: e(%("preserve-3d"));
+ -webkit-transition: @transition;
+ -moz-transition: @transition;
+ -ms-transition: @transition;
+ -o-transition: @transition;
+ transition: @transition;
}
// Background clipping

0 comments on commit 1b4b97d

Please sign in to comment.