@import "../variables.scss";
@import "./variables.scss";
@import "~@alifd/next/lib/core/style/_global";
@import "~@alifd/next/lib/core/style/_motion";
@import "~@alifd/next/lib/radio/scss/variable";

//large尺寸
#{$radio-prefix}-wrapper {
  &.#{$css-prefix}xl {
    @include radio-sizing($b-design-radio-xl-size);
    &.checked {
      @include radio-checked-sizing($b-design-radio-xl-circle-size);
    }
    #{$radio-prefix}-label {
      font-size: $b-design-radio-xl-font-size;
    }
  }
  &.#{$css-prefix}large {
    @include radio-sizing($b-design-radio-large-size);
    &.checked {
      @include radio-checked-sizing($b-design-radio-large-circle-size);
    }
    #{$radio-prefix}-label {
      font-size: $b-design-radio-large-font-size;
    }
  }
  &.#{$css-prefix}medium {
    @include radio-sizing($b-design-radio-medium-size);
    &.checked {
      @include radio-checked-sizing($b-design-radio-medium-circle-size);
    }
    #{$radio-prefix}-label {
      font-size: $b-design-radio-medium-font-size;
    }
  }
  &.#{$css-prefix}small {
    @include radio-sizing($b-design-radio-small-size);
    &.checked {
      @include radio-checked-sizing($b-design-radio-small-circle-size);
    }
    #{$radio-prefix}-label {
      font-size: $b-design-radio-small-font-size;
    }
  }
}
