drip-ui/es/drip-css/toast.css

Lightweight Mobile UI Components built on Vue

.drip-toast{position:fixed;top:50%;left:50%;display:-webkit-box;display:-webkit-flex;display:flex;color:#fff;font-size:.16rem;line-height:1.2;border-radius:.06667rem;word-break:break-all;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;box-sizing:border-box;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:rgba(0,0,0,.7)}.drip-toast--unclickable *{pointer-events:none}.drip-toast--text{padding:.16rem;min-width:2.93333rem}.drip-toast--default{width:1.6rem;min-height:1.6rem;padding:.2rem}.drip-toast--default .drip-toast__icon{font-size:.66667rem}.drip-toast--default .drip-loading{margin:.13333rem 0 .06667rem}.drip-toast--default .drip-toast__text{font-size:.18667rem;padding-top:.13333rem}.drip-toast--top{top:.66667rem}.drip-toast--bottom{top:auto;bottom:.66667rem}