comic-plus

Version:

1 lines • 1 kB

CSS

.cu-dialog{background-color:#fff;margin:0 auto;border-radius:var(--cu-border-radius);color:var(--cu-text-color);border:1px solid transparent;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04)}.cu-dialog .cu-dialog__header{padding:12px 20px;font-size:18px;display:flex;min-height:42px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--cu-border-color);position:relative}.cu-dialog .cu-dialog__header>div{flex:1}.cu-dialog .cu-dialog__header .close{cursor:pointer;color:var(--cu-text-color-light3)}.cu-dialog .cu-dialog__header .close:hover{color:var(--cu-text-color-light)}.cu-dialog__content{padding:20px}.cu-dialog .cu-dialog__footer{padding:12px 20px;display:flex;align-items:center;justify-content:flex-end}.cross-scale-enter-active{animation:crossScale .5s}.cross-scale-leave-active{animation:crossScale .5s reverse}@keyframes crossScale{0%{transform:scale(0)}25%{transform:scale(.01,.01)}50%{transform:scale(1,.01)}100%{transform:scale(1,1)}}