@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(); } }