// 基础设置
.zhny-icon-button.ant-btn {
  transition: none;
  &.ant-btn-primary:not([disabled]) {
    .iconStyle({color: #fff});
    &:hover {
      .iconStyle({color: #fff});
    }
  }
  &.ant-btn-default:not([disabled]) {
    color: #666666;
    border-color: #ecf2fc;
    background: #ecf2fc;
    .skin-red & {
      background: #f7e7e8;
      border-color: #f7e7e8;
    }
    .skin-green & {
      color: #666666;
      background: #fcefeb;
      border-color: #fcefeb;
    }
    .skin-gray & {
      color: #666666;
      background: #fef5e6;
      border-color: #fef5e6;
    }
    .skin-yellow & {
      background: #fef5e6;
      border-color: #fef5e6;
    }
    .skin-dark & {
      color: #95adff;
      background: #2a3253;
      border-color: #2a3253;
    }
    .iconStyle({
      color: currentColor;
    });
    &:hover,
    &:focus {
      color: #3b76cd;
      border-color: #ecf2fc;
      .skin-red & {
        color: #ac0f15;
        border-color: #f7e7e8;
      }
      .skin-green & {
        color: #ca5636;
        border-color: #fcefeb;
      }
      .skin-gray & {
        color: #eb7200;
        border-color: #fef5e6;
      }
      .skin-yellow & {
        color: #eb7200;
        border-color: #fef5e6;
      }
      .skin-dark & {
        color: #ffffff;
        border-color: #2a3253;
      }
    }
  }
  &.ant-btn-dashed:not([disabled]) {
    .iconStyle({
      color: #666666;
      .skin-dark & {
        color: #5e76d7;
      }
    });
    &:hover,
    &:focus {
      .iconStyle({
        color: #3b76cd;
        .skin-red & {
          color: #AC0F15;
        }
        .skin-green & {
          color: #CA5636;
        }
        .skin-gray & {
          color: #EB7200;
        }
        .skin-yellow & {
          color: #EB7200;
        }
        .skin-dark & {
          color: #ffffff;
        }
      });
    }
  }
  &.ant-btn-text:not([disabled]) {
    .iconStyle({
      color: #666666;
      .skin-dark & {
       color: #95adff;
      }
    });
    &:hover,
    &:focus {
      .iconStyle({
        color: #3b76cd;
        .skin-red & {
          color: #AC0F15;
        }
        .skin-green & {
          color: #CA5636;
        }
        .skin-gray & {
          color: #EB7200;
        }
        .skin-yellow & {
          color: #EB7200;
        }
        .skin-dark & {
          color: #ffffff;
         }
      });
    }
  }
  &.ant-btn-link:not([disabled]) {
    .iconStyle({
      color: @blue-primary;
      .skin-dark & {
        color: #95adff;
      }
    });
    &:hover,
    &:focus {
      .iconStyle({
        color: #3b76cd;
        .skin-dark & {
          color: #ffffff;
        }
      });
    }
  }
  &[disabled] {
    color: #b2b2b2;
    border-color: #f5f5f5;
    .skin-dark & {
      background: #2f364f;
      border-color: #2f364f;
    }
    .iconStyle({
      color: #B2B2B2;
      .skin-dark & {
        color: #808596;
      }
    });
  }
  .iconStyle({
    margin-right: 8px;
    line-height: normal;
  });
}