twbs--bootstrap/less/component-animations.less

35 lines
709 B
Plaintext
Raw Normal View History

2012-06-29 04:46:45 +00:00
//
// Component animations
// --------------------------------------------------
// Heads up!
//
// We don't use the `.opacity()` mixin here since it causes a bug with text
2014-02-25 18:17:44 +00:00
// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
.fade {
2012-05-21 00:56:57 +00:00
opacity: 0;
2012-04-16 23:34:08 +00:00
.transition(opacity .15s linear);
&.in {
2012-05-21 00:56:57 +00:00
opacity: 1;
}
}
.collapse {
display: none;
visibility: hidden;
&.in { display: block; visibility: visible; }
tr&.in { display: table-row; }
tbody&.in { display: table-row-group; }
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
.transition-property(~"height, visibility");
.transition-duration(.35s);
.transition-timing-function(ease);
2012-05-21 00:56:57 +00:00
}