placement.scss 781 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. @use './baseMixin.scss';
  2. @mixin createPlacementPanel {
  3. display: none;
  4. position: absolute;
  5. left: 0;
  6. padding: 4px 0;
  7. color: var(--vxe-ui-font-color);
  8. text-align: left;
  9. &:not(.is--transfer) {
  10. min-width: 100%;
  11. }
  12. &.is--transfer {
  13. position: fixed;
  14. }
  15. &.ani--leave {
  16. display: block;
  17. opacity: 0;
  18. transform: scaleY(0.5);
  19. transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
  20. transform-origin: center top;
  21. backface-visibility: hidden;
  22. &[placement="top"] {
  23. transform-origin: center bottom;
  24. }
  25. }
  26. &.ani--enter {
  27. opacity: 1;
  28. transform: scaleY(1);
  29. & > div {
  30. &::after {
  31. display: none;
  32. }
  33. }
  34. }
  35. & > div {
  36. @include baseMixin.createEmptyMask();
  37. }
  38. }