index.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. @import '../common/index.css';
  2. .van-toast {
  3. display: -webkit-flex;
  4. display: flex;
  5. -webkit-flex-direction: column;
  6. flex-direction: column;
  7. -webkit-align-items: center;
  8. align-items: center;
  9. -webkit-justify-content: center;
  10. justify-content: center;
  11. box-sizing: initial;
  12. color: #fff;
  13. color: var(--toast-text-color, #fff);
  14. font-size: 14px;
  15. font-size: var(--toast-font-size, 14px);
  16. line-height: 20px;
  17. line-height: var(--toast-line-height, 20px);
  18. white-space: pre-wrap;
  19. word-wrap: break-word;
  20. background-color: rgba(50, 50, 51, 0.88);
  21. background-color: var(--toast-background-color, rgba(50, 50, 51, 0.88));
  22. border-radius: 4px;
  23. border-radius: var(--toast-border-radius, 4px);
  24. }
  25. .van-toast__container {
  26. position: fixed;
  27. top: 50%;
  28. left: 50%;
  29. width: -webkit-fit-content;
  30. width: fit-content;
  31. -webkit-transform: translate(-50%, -50%);
  32. transform: translate(-50%, -50%);
  33. max-width: 70%;
  34. max-width: var(--toast-max-width, 70%);
  35. }
  36. .van-toast--text {
  37. min-width: 96px;
  38. min-width: var(--toast-text-min-width, 96px);
  39. padding: 8px 12px;
  40. padding: var(--toast-text-padding, 8px 12px);
  41. }
  42. .van-toast--icon {
  43. width: 90px;
  44. width: var(--toast-default-width, 90px);
  45. min-height: 90px;
  46. min-height: var(--toast-default-min-height, 90px);
  47. padding: 16px;
  48. padding: var(--toast-default-padding, 16px);
  49. }
  50. .van-toast--icon .van-toast__icon {
  51. font-size: 48px;
  52. font-size: var(--toast-icon-size, 48px);
  53. }
  54. .van-toast--icon .van-toast__text {
  55. padding-top: 8px;
  56. }
  57. .van-toast__loading {
  58. margin: 10px 0;
  59. }
  60. .van-toast--top {
  61. -webkit-transform: translateY(-30vh);
  62. transform: translateY(-30vh);
  63. }
  64. .van-toast--bottom {
  65. -webkit-transform: translateY(30vh);
  66. transform: translateY(30vh);
  67. }