component-animations.less 556 B

12345678910111213141516171819202122232425262728293031323334353637
  1. // stylelint-disable selector-no-qualifying-type
  2. //
  3. // Component animations
  4. // --------------------------------------------------
  5. .fade {
  6. opacity: 0;
  7. transition: opacity 0.15s linear;
  8. &.in {
  9. opacity: 1;
  10. }
  11. }
  12. .collapse {
  13. display: none;
  14. &.in {
  15. display: block;
  16. }
  17. tr&.in {
  18. display: table-row;
  19. }
  20. tbody&.in {
  21. display: table-row-group;
  22. }
  23. }
  24. .collapsing {
  25. position: relative;
  26. height: 0;
  27. overflow: hidden;
  28. transition-property: height, visibility;
  29. transition-duration: 0.35s;
  30. transition-timing-function: ease;
  31. }