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:
18
dist/css/bootstrap.css
vendored
18
dist/css/bootstrap.css
vendored
@@ -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 {
|
||||||
|
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -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>
|
||||||
|
@@ -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) {
|
||||||
|
@@ -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
|
||||||
|
Reference in New Issue
Block a user