ceph/src/fmt/doc/bootstrap/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/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
  21   &.in      { display: block; }
  22   tr&.in    { display: table-row; }
  23   tbody&.in { display: table-row-group; }
  24 }
  25
  26 .collapsing {
  27   position: relative;
  28   height: 0;
  29   overflow: hidden;
  30   .transition-property(~"height, visibility");
  31   .transition-duration(.35s);
  32   .transition-timing-function(ease);
  33 }