@import "../variables.scss";
@import "./variables.scss";
@import "~@alifd/next/lib/core/index-noreset";
@import "~@alifd/next/lib/checkbox/scss/variable";

#{$checkbox-prefix}-wrapper {

  &.#{$css-prefix}xl {
    @include checkbox-sizing($b-design-checkbox-xl-size, $b-design-checkbox-xl-icon-size);
  }

  &.#{$css-prefix}large {
    @include checkbox-sizing($b-design-checkbox-l-size, $b-design-checkbox-l-icon-size);
  }

  &.#{$css-prefix}medium {
    @include checkbox-sizing($b-design-checkbox-m-size, $b-design-checkbox-m-icon-size);
  }

  &.#{$css-prefix}small {
    @include checkbox-sizing($b-design-checkbox-s-size, $b-design-checkbox-s-icon-size);
  }

  &.checked,
  &.checked.focused {
    > #{$checkbox-prefix} {
      > #{$checkbox-prefix}-inner {
        > .#{$css-prefix}icon {
          font-weight: bold;
        }
      }
    }
  }
}
