modo-mobile/es/toast/style/index.css

A mobile UI toolkit, based on React

.m-toast {
  position: relative;
  z-index: 1010;
}
.m-toast.m-toast-icon .m-toast-content span {
  padding-left: 6px;
}
.m-toast-wrapper {
  position: relative;
  display: inline-block;
  text-align: left;
  padding: 12px 16px;
  font-size: 14px;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border-radius: 4px;
}
.m-toast-wrapper i {
  font-size: 20px;
}
.m-toast-wrapper svg {
  padding: 5px 0;
}
.m-toast-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.m-toast .m-popup .m-popup-box {
  width: 60%;
  text-align: center;
  overflow: visible;
}
.m-toast .m-popup .m-popup-mask {
  background: transparent;
}
.m-toast.bottom .m-popup.center .m-popup-box {
  top: auto;
  bottom: 50px;
}
.m-toast.top .m-popup.center .m-popup-box {
  top: 50px;
  bottom: auto;
}