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