// alert
@alert-padding-base-vertical: 5px;
@alert-padding-base-horizontal: @padding-md;
@alert-padding-sm-vertical: 4px;
@alert-padding-sm-horizontal: @padding-md;
@alert-padding-lg-vertical: 7px;
@alert-padding-lg-horizontal: @padding-md;
@alert-closable-padding-right: 24px;
@alert-show-icon-padding-left: 40px;
@alert-show-icon-padding-left-plain: 22px;
@alert-close-icon-color: @text-color-3;
@alert-close-icon-size: 16px;
@alert-icon-prefix-sm: 30px;
@alert-icon-prefix-md: 34px;
@alert-icon-prefix-lg: 38px;
@alert-banner-show-icon-padding-left: @alert-icon-prefix-md + 16px;
@alert-banner-show-icon-padding-left-sm: @alert-icon-prefix-sm + 16px;
@alert-banner-show-icon-padding-left-lg: @alert-icon-prefix-lg + 16px;
@alert-border-width: 1px;
@alert-border-color: @border-color-split;
@alert-prefix-icon-size: 16px;
@alert-icon-top-sm: 6px;
@alert-icon-top-md: 8px;
@alert-icon-top-lg: 10px;
@alert-banner-bg: @component-bg;