@import '../config.less';

@alert-success-bg-color: @S1;
@alert-success-icon-color: @S6;
@alert-info-bg-color: @B1;
@alert-info-icon-color: @B6;
@alert-warning-bg-color: @W1;
@alert-warning-icon-color: @W6;
@alert-error-bg-color: @E1;
@alert-error-icon-color: @E6;

@alert-message-color: @G2;
@alert-close-tp: tp24;
@alert-close-color: ~'@{@{alert-close-tp}-default-color}';
@alert-close-hover-color: ~'@{@{alert-close-tp}-hover-color}';
@alert-close-click-color: ~'@{@{alert-close-tp}-click-color}';
@alert-close-text-color: @B6;
@alert-close-text-hover-color: @B6;

@alert-no-icon-padding-vertical: @P;
@alert-with-description-no-icon-padding-vertical: 2 * @P - 1px;
@alert-padding: 4 * @P;
@alert-with-description-padding: 2 * @P;
@alert-icon-top: 2 * @P + @T3 * (1.5715 / 2) - (@T3 / 2);
@alert-icon-size: @T5;
@alert-margin: 2 * @P;
@alert-title-font-weight: @font-weight-500;
@alert-border-radius: @R3;