@import '../../style/theme/index.less';

@alert-border-width: @border-1;
@alert-min-height: @size-10;
@alert-border-radius: 3px;
@alert-line-height: 1.5715;
@alert-title-line-height: 1.5;
@alert-title-margin-bottom: @spacing-2;
@alert-margin-icon-right: @spacing-4;

@alert-padding-horizontal: @spacing-7 - @alert-border-width;
@alert-padding-vertical: 9px - @alert-border-width;
@alert-padding-horizontal_with_title: @spacing-7 - @alert-border-width;
@alert-padding-vertical_with_title: @spacing-7 - @alert-border-width;

@alert-font-weight-title: 600;
@alert-font-size-text-title: 1.1rem;
@alert-font-size-text-content: 1.1rem;
@alert-font-size-icon: 16px;
@alert-font-size-icon_with_title: 18px;
@alert-font-size-close-icon: 12px;

/*****************************************************
 * type: info / warning / error /success
 *****************************************************/
@alert-normal-color-bg: #fafafa;
@alert-normal-color-border: 1px solid #ececec;
@alert-normal-color-icon: #5a5a5a;
@alert-normal-color-text-title: #676767;
@alert-normal-color-text-content: #676767;
@alert-normal-color-text-content_title: #676767;

@alert-info-color-bg: #0069ff;
@alert-info-color-border: @color-transparent;
@alert-info-color-icon: rgba(255, 255, 255, 0.9);
@alert-info-color-text-title: #fff;
@alert-info-color-text-content: #fff;
@alert-info-color-text-content_title: #fff;

@alert-warning-color-bg: #faee6c;
@alert-warning-color-border: @color-transparent;
@alert-warning-color-icon: #b8860b;
@alert-warning-color-text-title: #444509;
@alert-warning-color-text-content: #444509;
@alert-warning-color-text-content_title: #676767;

@alert-error-color-bg: #ed4f32;
@alert-error-color-border: @color-transparent;
@alert-error-color-icon: rgba(255, 255, 255, 0.9);
@alert-error-color-text-title: #fff;
@alert-error-color-text-content: #fff;
@alert-error-color-text-content_title: #fff;

@alert-success-color-bg: #15cd72;
@alert-success-color-border: @color-transparent;
@alert-success-color-icon: rgba(255, 255, 255, 0.9);
@alert-success-color-text-title: #fff;
@alert-success-color-text-content: #fff;
@alert-success-color-text-content_title: #fff;

// 关闭图标 - DigitalOcean 样式
@alert-color-close-icon: #fff;
@alert-color-close-icon_hover: #fff;
@alert-margin-close-icon-left: @spacing-4;
@alert-margin-action-left: @spacing-4;
@alert-margin-action-right: @spacing-4;