1//
2// Component animations
3// --------------------------------------------------
4
5// Heads up!
6//
7// We don't use the `.opacity()` mixin here since it causes a bug with text
8// fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9
10.fade {
11  opacity: 0;
12  @include transition(opacity .15s linear);
13  &.in {
14    opacity: 1;
15  }
16}
17
18.collapse {
19  display: none;
20
21  &.in      { display: block; }
22  // [converter] extracted tr&.in to tr.collapse.in
23  // [converter] extracted tbody&.in to tbody.collapse.in
24}
25
26tr.collapse.in    { display: table-row; }
27
28tbody.collapse.in { display: table-row-group; }
29
30.collapsing {
31  position: relative;
32  height: 0;
33  overflow: hidden;
34  @include transition-property(height, visibility);
35  @include transition-duration(.35s);
36  @include transition-timing-function(ease);
37}
38