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   .transition(opacity .15s linear);

    13   &.in {

    14     opacity: 1;

    15   }

    16 }

    17 

    18 .collapse {

    19   display: none;

    20   visibility: hidden;

    21 

    22   &.in      { display: block; visibility: visible; }

    23   tr&.in    { display: table-row; }

    24   tbody&.in { display: table-row-group; }

    25 }

    26 

    27 .collapsing {

    28   position: relative;

    29   height: 0;

    30   overflow: hidden;

    31   .transition-property(~"height, visibility");

    32   .transition-duration(.35s);

    33   .transition-timing-function(ease);

    34 }