12345678910111213141516171819202122232425262728293031 |
- @import "../variate.less";
- .@{elNamespace}-alert {
- --el-alert-title-font-size: 12px;
- --el-alert-padding: 5px 16px;
- --el-alert-border-radius-base: 0px;
- &__content {
- height: 22px;
- .@{elNamespace}-alert__title {
- font-weight: 400;
- line-height: 22px;
- color: var(--el-text-color-regular);
- }
- .@{elNamespace}-alert__close-btn {
- top: 10px;
- }
- }
- &--warning {
- --el-alert-bg-color: #ffede0;
- }
- &--error {
- --el-alert-bg-color: #ffe6e7;
- }
- &--error.is-light {
- color: #ff5b63;
- }
- &--info.is-light {
- background-color: #e6efff;
- color: var(--el-color-primary);
- }
- }
|