index.css 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
  2. /* stylelint-disable no-duplicate-selectors */
  3. .ant-alert {
  4. box-sizing: border-box;
  5. margin: 0;
  6. padding: 0;
  7. color: rgba(0, 0, 0, 0.85);
  8. font-size: 14px;
  9. font-variant: tabular-nums;
  10. line-height: 1.5715;
  11. list-style: none;
  12. font-feature-settings: 'tnum';
  13. position: relative;
  14. display: flex;
  15. align-items: center;
  16. padding: 8px 15px;
  17. word-wrap: break-word;
  18. border-radius: 2px;
  19. }
  20. .ant-alert-content {
  21. flex: 1;
  22. min-width: 0;
  23. }
  24. .ant-alert-icon {
  25. margin-right: 8px;
  26. }
  27. .ant-alert-description {
  28. display: none;
  29. font-size: 14px;
  30. line-height: 22px;
  31. }
  32. .ant-alert-success {
  33. background-color: #f6ffed;
  34. border: 1px solid #b7eb8f;
  35. }
  36. .ant-alert-success .ant-alert-icon {
  37. color: #52c41a;
  38. }
  39. .ant-alert-info {
  40. background-color: #e6f7ff;
  41. border: 1px solid #91d5ff;
  42. }
  43. .ant-alert-info .ant-alert-icon {
  44. color: #1890ff;
  45. }
  46. .ant-alert-warning {
  47. background-color: #fffbe6;
  48. border: 1px solid #ffe58f;
  49. }
  50. .ant-alert-warning .ant-alert-icon {
  51. color: #faad14;
  52. }
  53. .ant-alert-error {
  54. background-color: #fff2f0;
  55. border: 1px solid #ffccc7;
  56. }
  57. .ant-alert-error .ant-alert-icon {
  58. color: #ff4d4f;
  59. }
  60. .ant-alert-error .ant-alert-description > pre {
  61. margin: 0;
  62. padding: 0;
  63. }
  64. .ant-alert-action {
  65. margin-left: 8px;
  66. }
  67. .ant-alert-close-icon {
  68. margin-left: 8px;
  69. padding: 0;
  70. overflow: hidden;
  71. font-size: 12px;
  72. line-height: 12px;
  73. background-color: transparent;
  74. border: none;
  75. outline: none;
  76. cursor: pointer;
  77. }
  78. .ant-alert-close-icon .anticon-close {
  79. color: rgba(0, 0, 0, 0.45);
  80. transition: color 0.3s;
  81. }
  82. .ant-alert-close-icon .anticon-close:hover {
  83. color: rgba(0, 0, 0, 0.75);
  84. }
  85. .ant-alert-close-text {
  86. color: rgba(0, 0, 0, 0.45);
  87. transition: color 0.3s;
  88. }
  89. .ant-alert-close-text:hover {
  90. color: rgba(0, 0, 0, 0.75);
  91. }
  92. .ant-alert-with-description {
  93. align-items: flex-start;
  94. padding: 15px 15px 15px 24px;
  95. }
  96. .ant-alert-with-description.ant-alert-no-icon {
  97. padding: 15px 15px;
  98. }
  99. .ant-alert-with-description .ant-alert-icon {
  100. margin-right: 15px;
  101. font-size: 24px;
  102. }
  103. .ant-alert-with-description .ant-alert-message {
  104. display: block;
  105. margin-bottom: 4px;
  106. color: rgba(0, 0, 0, 0.85);
  107. font-size: 16px;
  108. }
  109. .ant-alert-message {
  110. color: rgba(0, 0, 0, 0.85);
  111. }
  112. .ant-alert-with-description .ant-alert-description {
  113. display: block;
  114. }
  115. .ant-alert.ant-alert-motion-leave {
  116. overflow: hidden;
  117. opacity: 1;
  118. transition: max-height 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-top 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), padding-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), margin-bottom 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  119. }
  120. .ant-alert.ant-alert-motion-leave-active {
  121. max-height: 0;
  122. margin-bottom: 0 !important;
  123. padding-top: 0;
  124. padding-bottom: 0;
  125. opacity: 0;
  126. }
  127. .ant-alert-banner {
  128. margin-bottom: 0;
  129. border: 0;
  130. border-radius: 0;
  131. }
  132. .ant-alert.ant-alert-rtl {
  133. direction: rtl;
  134. }
  135. .ant-alert-rtl .ant-alert-icon {
  136. margin-right: auto;
  137. margin-left: 8px;
  138. }
  139. .ant-alert-rtl .ant-alert-action {
  140. margin-right: 8px;
  141. margin-left: auto;
  142. }
  143. .ant-alert-rtl .ant-alert-close-icon {
  144. margin-right: 8px;
  145. margin-left: auto;
  146. }
  147. .ant-alert-rtl.ant-alert-with-description {
  148. padding-right: 24px;
  149. padding-left: 15px;
  150. }
  151. .ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
  152. margin-right: auto;
  153. margin-left: 15px;
  154. }
  155. nz-alert {
  156. display: block;
  157. }
  158. .ant-alert-icon {
  159. line-height: 1;
  160. }