// xl尺寸
$b-design-checkbox-xl-size: $s-6;
$b-design-checkbox-xl-icon-size: $s-6;
$b-design-checkbox-xl-font-size:$s-4;
// large尺寸
$b-design-checkbox-l-size: 18px;
$b-design-checkbox-l-icon-size: 18px;
$b-design-checkbox-l-font-size:14px;

// medium尺寸
$b-design-checkbox-m-size: $s-4;
$b-design-checkbox-m-icon-size: $s-4;
$b-design-checkbox-m-font-size:$s-3;

// small尺寸
$b-design-checkbox-s-size: $s-3;
$b-design-checkbox-s-icon-size: 10px;
$b-design-checkbox-s-font-size:$s-3;
$b-design-checkbox-s-label-margin:$s-1;


@mixin checkbox-sizing($checkbox-size, $checkbox-circle-size, $font-size) {
  #{$checkbox-prefix} {
    input[type="checkbox"] {
      width: $checkbox-size;
      height: $checkbox-size;
    }
  }

  #{$checkbox-prefix}-inner {
    width: $checkbox-size;
    height: $checkbox-size;

    >.#{$css-prefix}icon {
      line-height: $checkbox-size;
      left: calc((#{$checkbox-size} - #{$checkbox-circle-size}) / 2);

      @if (get-compiling-value($checkbox-circle-size)==12) {
        margin-top: 1px;
      }

      @include icon-size($checkbox-circle-size, 0px);
    }
  }

  #{$checkbox-prefix}-label {
    font-size: $font-size;
  }

  &.checked,
  &.checked.focused {
    >#{$checkbox-prefix} {
      >#{$checkbox-prefix}-inner {
        >.#{$css-prefix}icon {
          @include icon-size($checkbox-circle-size, 0px);
          /* font-size < 12px的时候进行覆盖。 */
        }
      }
    }
  }

  &.indeterminate,
  &.indeterminate.focused {
    >#{$checkbox-prefix} {
      >#{$checkbox-prefix}-inner {
        >.#{$css-prefix}icon {
          @include icon-size($checkbox-circle-size, 0px);
          /* font-size < 12px的时候进行覆盖。 */
        }
      }
    }
  }
}

//disabled时的背景色
$b-design-checkbox-disabled-bg:$color-fill1-1;