@ykcl/smart-ui-oversea/packages/theme-chalk/lib/dialog.css

A Component Library for Vue.js.

.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:.5;background:#000}.yk-popup-parent--hidden{overflow:hidden}.yk-dialog{position:relative;margin:0 auto 50px;background:#FFF;border-radius:4px;box-shadow:6px 8px 16px 0 rgba(111,144,194,.08),-6px -8px 16px 0 rgba(111,144,194,.08);box-sizing:border-box;width:50%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.yk-dialog.is-fullscreen{width:100%;margin-top:0;margin-bottom:0;height:100%;overflow:auto}.yk-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.yk-dialog__wrapper.absoluteCenter{display:flex;align-items:center;justify-content:center}.yk-dialog__header{padding:20px 20px 10px;border-bottom:1px solid rgba(46,99,253,.06);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start}.yk-dialog__headerbtn{padding:0;background:0 0;border:none;outline:0;cursor:pointer;font-size:16px}.yk-dialog__headerbtn .yk-dialog__close{color:#2C2836;font-size:24px}.yk-dialog__headerbtn:focus .yk-dialog__close,.yk-dialog__headerbtn:hover .yk-dialog__close{color:#2E63FD}.yk-dialog__title{line-height:24px;color:#2C2836;width:calc(100% - 125px);height:24px;font-size:16px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.yk-dialog__body{padding:30px 20px;color:rgba(44,40,54,.56);font-size:14px;word-break:break-all;flex-grow:2;font-family:PingFangSC-Regular,PingFang SC;font-weight:400}.yk-dialog__footer{padding:10px 20px 20px;text-align:right;box-sizing:border-box;box-shadow:0 -6px 12px 0 rgba(0,102,255,.04)}.yk-dialog__footer .yk-button{min-width:120px}.yk-dialog--center{text-align:center}.yk-dialog--center .yk-dialog__body{text-align:initial;padding:25px 25px 30px}.yk-dialog--center .yk-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}}.yk-dialog_left{align-self:stretch;font-size:0;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.yk-dialog_right{flex-grow:2;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;width:100%}.yk-dialog_right .yk-button+.yk-button{margin-left:16px}