@import '~antd/es/message/style/index.less';
@import '../variable.less';

@message-prefix-cls: ~'@{ant-prefix}-message';

.@{message-prefix-cls} {
  .@{iconfont-css-prefix} {
    top: @line-height-base - @icon-size;
    font-size: @icon-size;
    margin-right: @message-icon-margin-right;
  }

  &-notice-content {
    position: relative;
    min-width: @message-notice-content-min-width;
    text-align: left;
  }

  &-custom-content {
    // border
    &::after {
      content: '';
      width: 3px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }

    &.@{message-prefix-cls}-success::after {
      background-color: @success-color;
    }

    &.@{message-prefix-cls}-error::after {
      background-color: @error-color;
    }

    &.@{message-prefix-cls}-warning::after {
      background-color: @warning-color;
    }

    &.@{message-prefix-cls}-info::after {
      background-color: @info-color;
    }

    &.@{message-prefix-cls}-loading::after {
      background-color: @info-color;
    }
  }
}