resources/scss/bootstrap/_component-animations.scss

   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   @include transition(opacity .15s linear);
  13   &.in {
  14         opacity: 1;
  15   }
  16 }
  17
  18 .collapse {
  19   display: none;
  20
  21   &.in {
  22         display: block;
  23   }
  24   // [converter] extracted tr&.in to tr.collapse.in
  25   // [converter] extracted tbody&.in to tbody.collapse.in
  26 }
  27
  28 tr.collapse.in {
  29   display: table-row;
  30 }
  31
  32 tbody.collapse.in {
  33   display: table-row-group;
  34 }
  35
  36 .collapsing {
  37   position: relative;
  38   height: 0;
  39   overflow: hidden;
  40   @include transition-property(height, visibility);
  41   @include transition-duration(.35s);
  42   @include transition-timing-function(ease);
  43 }