/**
 * 自定义 checkbox 样式，为 a-checkbox 添加类
 * 小尺寸：custom-checkbox
 * 大尺寸：custom-checkbox-large
 *
 * 自定义 checkbox-group 样式，为 a-checkbox-group 添加类
 * 小尺寸：custom-checkbox-group
 * 大尺寸：custom-checkbox-group-large
 */
.custom-checkbox-group .ant-checkbox-wrapper,
.custom-checkbox {
  .ant-checkbox,
  .ant-checkbox-input,
  .ant-checkbox-inner {
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }

  .ant-checkbox + span {
    color: #262626;
  }

  &.ant-checkbox-wrapper-disabled {
    .ant-checkbox-checked.ant-checkbox-disabled {
      .ant-checkbox-inner {
        background-color: #d9d9d9;

        &::after {
          border-color: #fff;
        }
      }
    }
  }

  .ant-checkbox-checked {
    &::after {
      border-color: $yili-default-color;
      border-radius: 4px;
    }

    .ant-checkbox-inner {
      border-color: $yili-default-color;
      background-color: $yili-default-color;
    }
  }
}

.custom-checkbox-group-large .ant-checkbox-wrapper,
.custom-checkbox-large {
  .ant-checkbox,
  .ant-checkbox-input,
  .ant-checkbox-inner {
    width: 20px;
    height: 20px;
    border-radius: 6px;
  }

  .ant-checkbox + span {
    color: #262626;
  }

  &.ant-checkbox-wrapper-disabled {
    .ant-checkbox-checked.ant-checkbox-disabled {
      .ant-checkbox-inner {
        background-color: #d9d9d9;

        &::after {
          border-color: #fff;
        }
      }
    }
  }

  .ant-checkbox-checked {
    &::after {
      border-color: $yili-default-color;
      border-radius: 6px;
    }

    .ant-checkbox-inner {
      border-color: $yili-default-color;
      background-color: $yili-default-color;
    }
  }

  .ant-checkbox-inner {
    &::after {
      top: 47%;
      left: 26%;
      width: 6.5px;
      height: 10.1px;
      border-width: 3px !important;
    }
  }
}
