component-animations.less 717 B

123456789101112131415161718192021222324252627282930313233343536
  1. // stylelint-disable selector-no-qualifying-type
  2. //
  3. // Component animations
  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. .fade {
  10. opacity: 0;
  11. .transition(opacity .15s linear);
  12. &.in {
  13. opacity: 1;
  14. }
  15. }
  16. .collapse {
  17. display: none;
  18. &.in { display: block; }
  19. tr&.in { display: table-row; }
  20. tbody&.in { display: table-row-group; }
  21. }
  22. .collapsing {
  23. position: relative;
  24. height: 0;
  25. overflow: hidden;
  26. .transition-property(~"height, visibility");
  27. .transition-duration(.35s);
  28. .transition-timing-function(ease);
  29. }