_component-animations.scss 819 B

12345678910111213141516171819202122232425262728293031323334353637
  1. //
  2. // Component animations
  3. // --------------------------------------------------
  4. // Heads up!
  5. //
  6. // We don't use the `.opacity()` mixin here since it causes a bug with text
  7. // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
  8. .fade {
  9. opacity: 0;
  10. @include transition(opacity .15s linear);
  11. &.in {
  12. opacity: 1;
  13. }
  14. }
  15. .collapse {
  16. display: none;
  17. &.in { display: block; }
  18. // [converter] extracted tr&.in to tr.collapse.in
  19. // [converter] extracted tbody&.in to tbody.collapse.in
  20. }
  21. tr.collapse.in { display: table-row; }
  22. tbody.collapse.in { display: table-row-group; }
  23. .collapsing {
  24. position: relative;
  25. height: 0;
  26. overflow: hidden;
  27. @include transition-property(height, visibility);
  28. @include transition-duration(.35s);
  29. @include transition-timing-function(ease);
  30. }