mand-mobile/lib-vw/toast/style/toast.css

A Vue.js 2.0 Mobile UI Toolkit

.md-toast .md-popup{z-index:1700}.md-toast .md-icon{-webkit-flex-shrink:0;flex-shrink:0;color:#fff}.md-toast .md-icon+.md-toast-text{margin-left:1.6vw}.md-toast .md-popup .md-popup-box{width:72vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.md-toast .md-popup .md-popup-mask{background:transparent}.md-toast.bottom .md-popup .md-popup-box{bottom:6.66667vw}.md-toast.bottom .md-popup .md-popup-box,.md-toast.top .md-popup .md-popup-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.md-toast.top .md-popup .md-popup-box{top:6.66667vw}.md-toast-content{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;max-width:100%;min-width:10.66667vw;padding:2.66667vw 4.26667vw;border-radius:2.13333vw;font-size:3.73333vw;text-align:left;line-height:1.42857142;color:#fff;background-color:#4b5265;box-sizing:border-box;overflow:hidden}.md-toast-content .md-toast-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.md-toast-content.square{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;width:32vw;min-height:30.93333vw;padding:7.2vw 4.8vw 6.4vw;border-radius:3.2vw}.md-toast-content.square .md-toast-text{margin-left:0;line-height:5.33333vw;word-break:break-all;word-wrap:break-word;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.md-toast-content.square .md-icon{margin-bottom:4.26667vw;width:7.73333vw;height:7.73333vw;font-size:7.73333vw}