yk-smart-ui-test/packages/theme-chalk/lib/dialog.css

A Component Library for Vue.js.

.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{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:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align: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__header{padding:20px 20px 10px;border-bottom:1px solid rgba(46,99,253,.06);display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;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;-ms-flex-positive:2;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--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{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}.yk-dialog_left{-ms-flex-item-align:stretch;align-self:stretch;font-size:0;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.yk-dialog_right{-ms-flex-positive:2;flex-grow:2;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:stretch;align-items:stretch;width:100%}.yk-dialog_right .yk-button+.yk-button{margin-left:16px}