less/component-animations.less

   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/twitter/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   &.in {
  21     display: block;
  22   }
  23 }
  24 .collapsing {
  25   position: relative;
  26   height: 0;
  27   overflow: hidden;
  28   .transition(height .35s ease);
  29 }