gg-y-ui/src/styles/popup.less

An enterprise-class UI design language and Vue-based implementation for web

@popup-modal-opacity: 0.5;
@popup-modal-background-color: #000000;

.v-modal-enter {
animation: v-modal-in .2s ease;
}

.v-modal-leave {
animation: v-modal-out .2s ease forwards;
}

@keyframes v-modal-in {
    0% {
        opacity: 0;
    }
}

@keyframes v-modal-out {
    100% {
        opacity: 0;
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: @popup-modal-opacity;
    background: @popup-modal-background-color;
}

.y-popup-parent__hidden {
    overflow: hidden;
}