39 lines
819 B
SCSS
39 lines
819 B
SCSS
@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();
|
|
}
|
|
} |