1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-01 03:10:14 +02:00

Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip

Conflicts:
	dist/css/bootstrap.min.css
This commit is contained in:
Mark Otto
2013-07-26 22:18:16 -07:00
5 changed files with 24 additions and 12 deletions

View File

@@ -3348,14 +3348,20 @@ button.close {
overflow-y: scroll; overflow-y: scroll;
} }
.modal.fade { .modal.fade .modal-dialog {
top: -25%; -webkit-transform: translate(0, -25%);
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -ms-transform: translate(0, -25%);
transition: opacity 0.3s linear, top 0.3s ease-out; transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
} }
.modal.fade.in { .modal.fade.in .modal-dialog {
top: 0; -webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
} }
.modal-dialog { .modal-dialog {

File diff suppressed because one or more lines are too long

View File

@@ -14,7 +14,7 @@ lead: "Bring Bootstrap's components to life with over a dozen custom jQuery plug
</div> </div>
<h3 id="js-individual-compiled">Individual or compiled</h3> <h3 id="js-individual-compiled">Individual or compiled</h3>
<p>Plugins can be included individually (using <code>bootstrap-*.js</code> original files, or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>.</p> <p>Plugins can be included individually (using bootstrap's individual <code>*.js</code> files, or all at once (using <code>bootstrap.js</code> or the minified <code>bootstrap.min.js</code>.</p>
<div class="bs-callout bs-callout-danger"> <div class="bs-callout bs-callout-danger">
<h4>Do not attempt to include both.</h4> <h4>Do not attempt to include both.</h4>

View File

@@ -120,6 +120,12 @@
-webkit-transition-duration: @transition-duration; -webkit-transition-duration: @transition-duration;
transition-duration: @transition-duration; transition-duration: @transition-duration;
} }
.transition-transform(@transition) {
-webkit-transition: -webkit-transform @transition;
-moz-transition: -moz-transform @transition;
-o-transition: -o-transform @transition;
transition: transform @transition;
}
// Transformations // Transformations
.rotate(@degrees) { .rotate(@degrees) {

View File

@@ -25,11 +25,11 @@
z-index: @zindex-modal-background; z-index: @zindex-modal-background;
// When fading in the modal, animate it to slide down // When fading in the modal, animate it to slide down
&.fade { &.fade .modal-dialog {
top: -25%; .translate(0, -25%);
.transition(~"opacity 0.3s linear, top 0.3s ease-out"); .transition-transform(~"0.3s ease-out");
} }
&.fade.in { top: 0; } &.fade.in .modal-dialog { .translate(0, 0)}
} }
// Shell div to position the modal with bottom padding // Shell div to position the modal with bottom padding