123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160 |
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
- /* stylelint-disable no-duplicate-selectors */
- .ant-alert {
- box-sizing: border-box;
- margin: 0;
- padding: 0;
- color: rgba(0, 0, 0, 0.85);
- font-size: 14px;
- font-variant: tabular-nums;
- line-height: 1.5715;
- list-style: none;
- font-feature-settings: 'tnum';
- position: relative;
- display: flex;
- align-items: center;
- padding: 8px 15px;
- word-wrap: break-word;
- border-radius: 2px;
- }
- .ant-alert-content {
- flex: 1;
- min-width: 0;
- }
- .ant-alert-icon {
- margin-right: 8px;
- }
- .ant-alert-description {
- display: none;
- font-size: 14px;
- line-height: 22px;
- }
- .ant-alert-success {
- background-color: #f6ffed;
- border: 1px solid #b7eb8f;
- }
- .ant-alert-success .ant-alert-icon {
- color: #52c41a;
- }
- .ant-alert-info {
- background-color: #e6f7ff;
- border: 1px solid #91d5ff;
- }
- .ant-alert-info .ant-alert-icon {
- color: #1890ff;
- }
- .ant-alert-warning {
- background-color: #fffbe6;
- border: 1px solid #ffe58f;
- }
- .ant-alert-warning .ant-alert-icon {
- color: #faad14;
- }
- .ant-alert-error {
- background-color: #fff2f0;
- border: 1px solid #ffccc7;
- }
- .ant-alert-error .ant-alert-icon {
- color: #ff4d4f;
- }
- .ant-alert-error .ant-alert-description > pre {
- margin: 0;
- padding: 0;
- }
- .ant-alert-action {
- margin-left: 8px;
- }
- .ant-alert-close-icon {
- margin-left: 8px;
- padding: 0;
- overflow: hidden;
- font-size: 12px;
- line-height: 12px;
- background-color: transparent;
- border: none;
- outline: none;
- cursor: pointer;
- }
- .ant-alert-close-icon .anticon-close {
- color: rgba(0, 0, 0, 0.45);
- transition: color 0.3s;
- }
- .ant-alert-close-icon .anticon-close:hover {
- color: rgba(0, 0, 0, 0.75);
- }
- .ant-alert-close-text {
- color: rgba(0, 0, 0, 0.45);
- transition: color 0.3s;
- }
- .ant-alert-close-text:hover {
- color: rgba(0, 0, 0, 0.75);
- }
- .ant-alert-with-description {
- align-items: flex-start;
- padding: 15px 15px 15px 24px;
- }
- .ant-alert-with-description.ant-alert-no-icon {
- padding: 15px 15px;
- }
- .ant-alert-with-description .ant-alert-icon {
- margin-right: 15px;
- font-size: 24px;
- }
- .ant-alert-with-description .ant-alert-message {
- display: block;
- margin-bottom: 4px;
- color: rgba(0, 0, 0, 0.85);
- font-size: 16px;
- }
- .ant-alert-message {
- color: rgba(0, 0, 0, 0.85);
- }
- .ant-alert-with-description .ant-alert-description {
- display: block;
- }
- .ant-alert.ant-alert-motion-leave {
- overflow: hidden;
- opacity: 1;
- 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);
- }
- .ant-alert.ant-alert-motion-leave-active {
- max-height: 0;
- margin-bottom: 0 !important;
- padding-top: 0;
- padding-bottom: 0;
- opacity: 0;
- }
- .ant-alert-banner {
- margin-bottom: 0;
- border: 0;
- border-radius: 0;
- }
- .ant-alert.ant-alert-rtl {
- direction: rtl;
- }
- .ant-alert-rtl .ant-alert-icon {
- margin-right: auto;
- margin-left: 8px;
- }
- .ant-alert-rtl .ant-alert-action {
- margin-right: 8px;
- margin-left: auto;
- }
- .ant-alert-rtl .ant-alert-close-icon {
- margin-right: 8px;
- margin-left: auto;
- }
- .ant-alert-rtl.ant-alert-with-description {
- padding-right: 24px;
- padding-left: 15px;
- }
- .ant-alert-rtl.ant-alert-with-description .ant-alert-icon {
- margin-right: auto;
- margin-left: 15px;
- }
- nz-alert {
- display: block;
- }
- .ant-alert-icon {
- line-height: 1;
- }
|