style.css 969 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. .mint-toast {
  2. position: fixed;
  3. max-width: 80%;
  4. border-radius: 5px;
  5. background: rgba(0, 0, 0, 0.7);
  6. color: #fff;
  7. box-sizing: border-box;
  8. text-align: center;
  9. z-index: 1000;
  10. -webkit-transition: opacity .3s linear;
  11. transition: opacity .3s linear
  12. }
  13. .mint-toast.is-placebottom {
  14. bottom: 50px;
  15. left: 50%;
  16. -webkit-transform: translate(-50%, 0);
  17. transform: translate(-50%, 0)
  18. }
  19. .mint-toast.is-placemiddle {
  20. left: 50%;
  21. top: 50%;
  22. -webkit-transform: translate(-50%, -50%);
  23. transform: translate(-50%, -50%)
  24. }
  25. .mint-toast.is-placetop {
  26. top: 50px;
  27. left: 50%;
  28. -webkit-transform: translate(-50%, 0);
  29. transform: translate(-50%, 0)
  30. }
  31. .mint-toast-icon {
  32. display: block;
  33. text-align: center;
  34. font-size: 56px
  35. }
  36. .mint-toast-text {
  37. font-size: 14px;
  38. display: block;
  39. text-align: center
  40. }
  41. .mint-toast-pop-enter, .mint-toast-pop-leave-active {
  42. opacity: 0
  43. }