| 123456789101112131415161718192021222324252627282930313233343536373839 |
- @use './baseMixin.scss';
- @mixin createPlacementPanel {
- display: none;
- position: absolute;
- left: 0;
- padding: 4px 0;
- color: var(--vxe-ui-font-color);
- text-align: left;
- &:not(.is--transfer) {
- min-width: 100%;
- }
- &.is--transfer {
- position: fixed;
- }
- &.ani--leave {
- display: block;
- opacity: 0;
- transform: scaleY(0.5);
- transition: transform .3s cubic-bezier(.23,1,.32,1), opacity .3s cubic-bezier(.23,1,.32,1);
- transform-origin: center top;
- backface-visibility: hidden;
- &[placement="top"] {
- transform-origin: center bottom;
- }
- }
- &.ani--enter {
- opacity: 1;
- transform: scaleY(1);
- & > div {
- &::after {
- display: none;
- }
- }
- }
- & > div {
- @include baseMixin.createEmptyMask();
- }
- }
|