2013-01-02 13:40:00 +08:00
|
|
|
//
|
|
|
|
// Component animations
|
|
|
|
// --------------------------------------------------
|
|
|
|
|
2013-10-23 23:12:39 +08:00
|
|
|
// Heads up!
|
|
|
|
//
|
|
|
|
// We don't use the `.opacity()` mixin here since it causes a bug with text
|
2014-08-27 00:51:53 +08:00
|
|
|
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
|
2012-06-05 03:33:52 +08:00
|
|
|
|
|
|
|
.fade {
|
2013-01-02 13:40:00 +08:00
|
|
|
opacity: 0;
|
2012-06-05 03:33:52 +08:00
|
|
|
.transition(opacity .15s linear);
|
|
|
|
&.in {
|
2013-01-02 13:40:00 +08:00
|
|
|
opacity: 1;
|
2012-06-05 03:33:52 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.collapse {
|
2013-10-23 23:12:39 +08:00
|
|
|
display: none;
|
2014-08-27 00:51:53 +08:00
|
|
|
|
|
|
|
&.in { display: block; }
|
|
|
|
tr&.in { display: table-row; }
|
|
|
|
tbody&.in { display: table-row-group; }
|
2013-10-23 23:12:39 +08:00
|
|
|
}
|
2014-08-27 00:51:53 +08:00
|
|
|
|
2013-10-23 23:12:39 +08:00
|
|
|
.collapsing {
|
2012-06-05 03:33:52 +08:00
|
|
|
position: relative;
|
|
|
|
height: 0;
|
|
|
|
overflow: hidden;
|
2015-06-24 13:39:03 +08:00
|
|
|
.transition-property(~"height, visibility");
|
|
|
|
.transition-duration(.35s);
|
|
|
|
.transition-timing-function(ease);
|
2013-01-02 13:40:00 +08:00
|
|
|
}
|