mand-mobile/lib/popup/style/index.css

A Vue.js 2.0 Mobile UI Toolkit

.md-popup{top:0;right:0;bottom:0;left:0;position:fixed;display:-webkit-box;display:-webkit-flex;display:flex;pointer-events:none;z-index:1000}.md-popup.center{-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.md-popup.top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.md-popup.top .md-popup-box{width:100%}.md-popup.bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.md-popup.bottom .md-popup-box{width:100%}.md-popup.left{-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}.md-popup.left .md-popup-box{height:100%}.md-popup.right{-webkit-box-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}.md-popup.right .md-popup-box{height:100%}.md-popup.inner-popup .md-popup-box{background-color:#fff;border-radius:8px 8px 0 0}.md-popup.large-radius.inner-popup .md-popup-box{border-radius:40px 40px 0 0}.md-popup-mask{top:0;right:0;bottom:0;left:0;position:absolute;pointer-events:auto;z-index:1;background-color:rgba(37,38,45,.7)}.md-popup-box{position:relative;pointer-events:auto;z-index:2;max-width:100%;max-height:100%;overflow:auto}.md-mask-fade-enter,.md-mask-fade-leave-to{opacity:.01}.md-mask-fade-enter-active,.md-mask-fade-leave-active{-webkit-transition:opacity .25s;transition:opacity .25s}