_hierarchical-display.scss 635 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. .zmd-hierarchical-display {
  2. visibility: hidden;
  3. &.in {
  4. visibility: visible;
  5. }
  6. }
  7. .zmd-hierarchical-displaying {
  8. visibility: visible;
  9. }
  10. .animation {
  11. animation-duration: 1s;
  12. animation-fill-mode: both;
  13. }
  14. .animation.zoomedIn,
  15. .animation.zoomedOut {
  16. animation-timing-function: cubic-bezier(.55,0,.1,1); // "Swift Out" easing curve
  17. }
  18. @keyframes zoomedIn {
  19. from {
  20. transform: scale(0);
  21. }
  22. to {
  23. transform: scale(1);
  24. }
  25. }
  26. @keyframes zoomedOut {
  27. from {
  28. transform: scale(1);
  29. }
  30. to {
  31. transform: scale(0);
  32. }
  33. }
  34. .zoomedIn {
  35. animation-name: zoomedIn;
  36. }
  37. .zoomedOut {
  38. animation-name: zoomedOut;
  39. }