info@53: //
info@53: // Component animations
info@53: // --------------------------------------------------
info@53: 
info@53: // Heads up!
info@53: //
info@53: // We don't use the `.opacity()` mixin here since it causes a bug with text
info@53: // fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
info@53: 
info@53: .fade {
info@53:   opacity: 0;
info@53:   .transition(opacity .15s linear);
info@53:   &.in {
info@53:     opacity: 1;
info@53:   }
info@53: }
info@53: 
info@53: .collapse {
info@53:   display: none;
info@53:   &.in {
info@53:     display: block;
info@53:   }
info@53: }
info@53: .collapsing {
info@53:   position: relative;
info@53:   height: 0;
info@53:   overflow: hidden;
info@53:   .transition(height .35s ease);
info@53: }