comic-plus

Version:

1 lines • 1.48 kB

CSS

.cu-mode.cu-mode__drawer{overflow:hidden}.cu-mode.cu-mode__drawer:not(.append-to-body){position:absolute}.cu-drawer{position:absolute;background-color:#fff;color:var(--cu-text-color);display:flex;flex-direction:column;box-shadow:0 0 8px rgba(0,0,0,.08),0 0 58px rgba(0,0,0,.16)}.cu-drawer.cu-drawer--left{left:0;height:100%}.cu-drawer.cu-drawer--right{right:0;height:100%}.cu-drawer.cu-drawer--top{top:0;width:100%}.cu-drawer.cu-drawer--bottom{bottom:0;width:100%}.cu-drawer__header{font-size:18px;display:flex;min-height:42px;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--cu-border-color)}.cu-drawer__header .close{cursor:pointer;color:var(--cu-text-color-light3)}.cu-drawer__header .close:hover{color:var(--cu-text-color)}.cu-drawer__content{flex:1;padding:20px;overflow:auto}.cu-drawer__footer{padding:12px 20px;display:flex;justify-content:flex-end}.cu-drawer-bottom-enter-active,.cu-drawer-bottom-leave-active,.cu-drawer-left-enter-active,.cu-drawer-left-leave-active,.cu-drawer-right-enter-active,.cu-drawer-right-leave-active,.cu-drawer-top-enter-active,.cu-drawer-top-leave-active{transition:all .3s}.cu-drawer-right-enter-from,.cu-drawer-right-leave-to{transform:translateX(100%)}.cu-drawer-left-enter-from,.cu-drawer-left-leave-to{transform:translateX(-100%)}.cu-drawer-top-enter-from,.cu-drawer-top-leave-to{transform:translateY(-100%)}.cu-drawer-bottom-enter-from,.cu-drawer-bottom-leave-to{transform:translateY(100%)}