// // Component animations // ————————————————–

// Heads up! // // We don't use the `.opacity()` mixin here since it causes a bug with text // fields in IE7-8. Source: github.com/twbs/bootstrap/pull/3552.

.fade {

opacity: 0;
.transition(opacity .15s linear);
&.in {
  opacity: 1;
}

}

.collapse {

display: none;

&.in      { display: block; }
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);

}