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

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

.@{result-prefix-cls} {
  .@{result-prefix-cls} {
    &-icon {
      margin-bottom: @result-icon-margin-bottom;
      text-align: @result-text-align;
      .@{iconfont-css-prefix} {
        font-size: @result-icon-font-size;
        float: @result-icon-float;
      }
    }
    &-title {
      text-align: @result-text-align;
      font-size: @result-title-font-size;
      line-height: @result-title-line-height;
      margin-top: @result-title-margin-top;
      padding-left: @result-padding-left;
      font-family: @font-family;
    }
    &-subtitle {
      padding-left: @result-padding-left;
      text-align: @result-text-align;
      font-size: @result-subtitle-font-size;
      font-family: @font-family;
    }
    &-extra {
      clear: @result-extra-clear;
      padding-left: @result-padding-left;
      text-align: @result-text-align;
      margin-top: @result-extra-margin-top;
      > * {
        margin-right: @result-extra-botton-margin-right;
      }
    }
  }

  &-success {
    .@{result-prefix-cls}-icon {
      > span {
        color: @success-color;
      }
    }
  }
  &-error {
    .@{result-prefix-cls}-icon {
      > span {
        color: @error-color;
      }
    }
  }
  &-info {
    .@{result-prefix-cls}-icon {
      > span {
        color: @info-color;
      }
    }
  }
  &-warning {
    .@{result-prefix-cls}-icon {
      > span {
        color: @warning-color;
      }
    }
  }
}