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

A Vue.js 2.0 Mobile UI Toolkit

.md-tip{position:relative;display:inline-block;z-index:1303}.md-tip-content{position:relative;padding:2vw 4.26667vw;color:#fff;font-size:3.2vw;line-height:1.2;z-index:2}.md-tip-content:after{content:"";display:table;clear:both}.md-tip-content .content-icon{float:left;margin-right:1.86667vw}.md-tip-content .content-text{float:left;margin-top:2px}.md-tip-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:133.33333vw;background-color:#41485d;box-shadow:0 0.66667vw 2.66667vw rgba(0,0,0,.08);opacity:.8}.md-tip-bg:after{content:"";position:absolute;bottom:-1.33333vw;left:50%;margin-left:-1.46667vw;width:0;height:0;border-color:#41485d transparent transparent;border-style:solid;border-width:1.33333vw 1.46667vw 0}.md-tip.has-close .md-tip-content{padding-right:8vw}.md-tip.is-bottom .md-tip-bg:after{bottom:auto;top:-1.33333vw;border-width:0 1.46667vw 1.33333vw;border-color:transparent transparent #41485d}.md-tip.is-left .md-tip-bg:after{top:50%;right:-0.8vw;left:auto;margin-top:-1.46667vw;border-width:1.46667vw 0 1.46667vw 1.33333vw;border-color:transparent transparent transparent #41485d}.md-tip.is-right .md-tip-bg:after{top:50%;left:0.53333vw;margin-top:-1.46667vw;border-width:1.46667vw 1.33333vw 1.46667vw 0;border-color:transparent #41485d transparent transparent}.md-tip .md-icon.md-icon-close{position:absolute;right:2.13333vw;top:50%;width:4.26667vw;height:4.26667vw;-webkit-transform:translateY(-50%);transform:translateY(-50%)}