style.css 775 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .mint-indicator {
  2. -webkit-transition: opacity .2s linear;
  3. transition: opacity .2s linear;
  4. }
  5. .mint-indicator-wrapper {
  6. top: 50%;
  7. left: 50%;
  8. position: fixed;
  9. -webkit-transform: translate(-50%, -50%);
  10. transform: translate(-50%, -50%);
  11. border-radius: 5px;
  12. background: rgba(0, 0, 0, 0.7);
  13. color: white;
  14. box-sizing: border-box;
  15. text-align: center;
  16. }
  17. .mint-indicator-text {
  18. display: block;
  19. color: #fff;
  20. text-align: center;
  21. margin-top: 10px;
  22. font-size: 16px;
  23. }
  24. .mint-indicator-spin {
  25. display: inline-block;
  26. text-align: center;
  27. }
  28. .mint-indicator-mask {
  29. top: 0;
  30. left: 0;
  31. position: fixed;
  32. width: 100%;
  33. height: 100%;
  34. opacity: 0;
  35. background: transparent;
  36. }
  37. .mint-indicator-enter, .mint-indicator-leave-active {
  38. opacity: 0;
  39. }