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