meri-design/dist/theme/PopConfirm.css

基于vue框架的ui库

/*!
 * @meri-design v2.2.19-beta10
 * (c) 2019-2022 YuShu-Web
 * Released under the MIT License.
 * 2025-01-14 15:25:40
 */.m-pre-button{border-radius:4px;border-style:solid;border-width:1px;display:inline-block;font-size:0;padding-left:8px;padding-right:8px;text-align:center;transition:background-color .3s,border .3s;vertical-align:middle}.m-pre-button+.m-pre-button{margin-left:12px}.m-pre-button .m-pre-button-content{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.m-pre-button-default{background-color:#fff;border-color:#c4c9cf;color:#1b2129}.m-pre-button-default:hover{border-color:#246fe5}.m-pre-button-default:hover .m-pre-button-content-text{color:#246fe5}.m-pre-button-default:active{border-color:#215dd9}.m-pre-button-default:active .m-pre-button-content-text{color:#215dd9}.m-pre-button-default .m-pre-button-loading svg path{stroke:#1b2129}.m-pre-button-blue,.m-pre-button-primary{background-color:#246fe5;border-color:#246fe5;color:#fff}.m-pre-button-blue:hover,.m-pre-button-primary:hover{background-color:#2481f2;border-color:#2481f2}.m-pre-button-blue:active,.m-pre-button-primary:active{background-color:#215dd9;border-color:#215dd9}.m-pre-button-danger,.m-pre-button-red{background-color:#f55047;border-color:#f55047;color:#fff}.m-pre-button-danger:hover,.m-pre-button-red:hover{background-color:#f8766f;border-color:#f8766f}.m-pre-button-danger:active,.m-pre-button-red:active{background-color:#e63c35;border-color:#e63c35}.m-pre-button-word{background:none;border-color:transparent;color:#1b2129}.m-pre-button-word .m-pre-button-content-text{font-weight:500}.m-pre-button-word:hover .m-pre-button-content-text{color:#246fe5}.m-pre-button-word:active .m-pre-button-content-text{color:#215dd9}.m-pre-button-icon{border-color:transparent}.m-pre-button-icon.icon-bg{background-color:#f1f4f6}.m-pre-button-icon.icon-bg:hover{background-color:#e8ecf0}.m-pre-button-icon.icon-bg:active{background:#e1e5eb}.m-pre-button-icon:hover{background:#e8ecf0}.m-pre-button-icon:active{background:#e1e5eb}.m-pre-button-link{background:none;border-color:transparent;color:#246fe5}.m-pre-button-link .m-pre-button-content-text{font-weight:400}.m-pre-button-link:hover{background:#e8ecf0}.m-pre-button-link:hover .m-pre-button-content-text{color:#246fe5}.m-pre-button-link:active{background:#e8ecf0}.m-pre-button-link:active .m-pre-button-content-text{color:#215dd9}.m-pre-button-text{background:none;border-color:transparent;color:#1b2129}.m-pre-button-text .m-pre-button-content-text{font-weight:400;gap:5px}.m-pre-button-text:active,.m-pre-button-text:hover{background:#e8ecf0}.m-pre-button-large{height:40px}.m-pre-button-large.m-pre-button-blue,.m-pre-button-large.m-pre-button-danger,.m-pre-button-large.m-pre-button-default,.m-pre-button-large.m-pre-button-primary,.m-pre-button-large.m-pre-button-red{min-width:80px;padding-left:16px;padding-right:16px}.m-pre-button-large.m-pre-button-icon{width:40px}.m-pre-button-large .m-pre-button-content{height:38px;line-height:38px}.m-pre-button-large .m-pre-button-content-text{font-size:16px}.m-pre-button-medium{height:32px}.m-pre-button-medium.m-pre-button-blue,.m-pre-button-medium.m-pre-button-danger,.m-pre-button-medium.m-pre-button-default,.m-pre-button-medium.m-pre-button-primary,.m-pre-button-medium.m-pre-button-red{min-width:80px;padding-left:16px;padding-right:16px}.m-pre-button-medium.m-pre-button-icon{width:32px}.m-pre-button-medium .m-pre-button-content{height:30px;line-height:30px}.m-pre-button-small{height:28px}.m-pre-button-small padding-left 12px,.m-pre-button-small.m-pre-button-blue,.m-pre-button-small.m-pre-button-danger,.m-pre-button-small.m-pre-button-default,.m-pre-button-small.m-pre-button-primary,.m-pre-button-small.m-pre-button-red{padding-right:12px}.m-pre-button-small.m-pre-button-link,.m-pre-button-small.m-pre-button-text,.m-pre-button-small.m-pre-button-word{padding-left:4px;padding-right:4px}.m-pre-button-small.m-pre-button-icon{width:28px}.m-pre-button-small .m-pre-button-content{height:26px;line-height:26px}.m-pre-button-normal{cursor:pointer}.m-pre-button.m-pre-button-disabled{cursor:not-allowed}.m-pre-button.m-pre-button-disabled .m-pre-button-content-text{color:#c4c9cf}.m-pre-button.m-pre-button-disabled svg path{fill:#c4c9cf;stroke:#c4c9cf}.m-pre-button-disabled:not([type=word]){background-color:#e8ecf0;border-color:#e8ecf0}.m-pre-button-disabled[type=icon],.m-pre-button-disabled[type=link],.m-pre-button-disabled[type=text]{background-color:transparent;border-color:transparent}.m-pre-button-disabled[type=icon].icon-bg,.m-pre-button-disabled[type=icon].icon-bg:active{background-color:#e8ecf0}.m-pre-button-disabled[type=icon]:active{background-color:transparent}.m-pre-button-content-text{display:flex;font-size:14px;pointer-events:none;transition:color .3s}.m-pre-button-content-text.loading{opacity:0}.m-pre-button-loading{display:flex;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}.p-loading16px{display:inline-block;height:100%;line-height:100%;text-align:center;width:100%}.p-loading16px .p-loading16px-line{animation:loading16px .5s linear infinite;height:100%;min-height:12px;min-width:12px;width:100%}@-moz-keyframes loading16px{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes loading16px{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-o-keyframes loading16px{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes loading16px{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.selectDownUpExtend-enter-active{animation:selectDownUpExtend .3s}.selectDownUpExtend-leave-active{animation:selectDownUpExtend .3s reverse}.selectDownUpExtendTop-enter-active{animation:selectDownUpExtendTop .3s}.selectDownUpExtendTop-leave-active{animation:selectDownUpExtendTop .3s reverse}@-moz-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtend{0%{opacity:0;pointer-events:none;transform:translate3d(0,-8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-moz-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-webkit-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@-o-keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}@keyframes selectDownUpExtendTop{0%{opacity:0;pointer-events:none;transform:translate3d(0,8px,0)}to{opacity:1;pointer-events:auto;transform:translateZ(0)}}.m-pop-confirm-box{background-color:#fff;border:1px solid #e1e5eb;border-radius:8px;display:flex;flex-direction:column;height:124px;justify-content:space-between;padding:24px 20px 20px 32px;position:absolute;width:328px;z-index:7000}.m-pop-confirm-header{align-items:center;display:flex}.m-pop-confirm-header-info svg path{fill:#246fe5}.m-pop-confirm-header-error svg path{fill:#f55047}.m-pop-confirm-header-svg{height:24px;width:24px}.m-pop-confirm-header-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#626c78;display:-webkit-box;font-size:14px;margin-left:12px;overflow:hidden;width:calc(100% - 36px)}.m-pop-confirm-footer{text-align:right}.m-pop-confirm-triangle{height:7px;position:absolute;width:12px}.m-pop-confirm-triangle svg{height:7px;vertical-align:top;width:12px}.m-pop-confirm-box-bottom{box-shadow:0 2px 10px rgba(31,35,41,.1)}.m-pop-confirm-box-bottom .m-pop-confirm-triangle{bottom:-7px;filter:drop-shadow(0 2px 4px rgba(31,35,41,.1))}.m-pop-confirm-box-top{box-shadow:0 -2px 10px rgba(31,35,41,.1)}.m-pop-confirm-box-top .m-pop-confirm-triangle{filter:drop-shadow(0 -2px 4px rgba(31,35,41,.1));top:-7px;transform:rotate(180deg)}