mand-mobile/lib/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:12px}.md-toast .md-popup .md-popup-box{width:540px;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:50px}.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:50px}.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:80px;padding:20px 32px;border-radius:16px;font-size:28px;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:240px;min-height:232px;padding:54px 36px 48px;border-radius:24px}.md-toast-content.square .md-toast-text{margin-left:0;line-height:40px;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:32px;width:58px;height:58px;font-size:58px}