element-gui
Version:
A Component Library for Vue.js.
1 lines • 2.56 kB
CSS
.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:.6;background:#000}.el-popup-parent--hidden{overflow:hidden}.el-dialog{position:relative;margin:0 auto 50px;box-shadow:0 10px 28px rgba(0,0,0,.08);background:#fff;border-radius:4px;box-sizing:border-box;width:50%}.el-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.el-dialog.is-draggable .el-dialog__header{cursor:move;user-select:none}.el-dialog.is-resizable{display:flex;flex-direction:column}.el-dialog.is-resizable .el-dialog__body{flex-grow:1}.el-dialog.is-resizable .el-dialog__footer{padding-bottom:2px;border-radius:0}.el-dialog.is-resizable .el-dialog__resizable{position:relative;user-select:none;background:#fff;width:100%;text-align:right;border-radius:0 0 4px 4px}.el-dialog.is-resizable .el-dialog__resizable i{position:relative;z-index:2;display:inline-block;width:0;height:0;border-bottom:8px solid #1890ff;border-left:8px solid transparent;cursor:se-resize;vertical-align:bottom}.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.el-dialog__wrapper.is-penetrate{pointer-events:none}.el-dialog__wrapper.is-penetrate .el-dialog{pointer-events:all}.el-dialog__header{padding:0 20px;border-radius:4px 4px 0 0;background-color:#1890ff;font-weight:700}.el-dialog__headerbtn{position:absolute;top:10px;right:calc(20px - 2px);padding:1px 2px;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.el-dialog__body.no-footer,.el-dialog__footer{border-radius:0 0 4px 4px}.el-dialog__headerbtn .el-dialog__close{color:#fff}.el-dialog__title{height:40px;line-height:40px;font-size:16px;color:#fff}.el-dialog__body{background:#fff;padding:20px;color:#333;font-size:14px;word-break:break-all}.el-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box;font-size:0;background:#fff}.el-dialog--center{text-align:center}.el-dialog--center .el-dialog__body{text-align:initial;padding:25px 25px 30px}.el-dialog--center .el-dialog__footer{text-align:inherit}.dialog-fade-enter-active{animation:dialog-fade-in .3s}.dialog-fade-leave-active{animation:dialog-fade-out .3s}@keyframes dialog-fade-in{0%{transform:translate3d(0,-20px,0);opacity:0}100%{transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-out{0%{transform:translate3d(0,0,0);opacity:1}100%{transform:translate3d(0,-20px,0);opacity:0}}