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 

    26 tr.collapse.in    { display: table-row; }

    27 

    28 tbody.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 }