@import "./abstracts/variable";
@import "./abstracts/mixin";

@include b(radio-group) {
  background-color: $-radio-bg;
  line-height: 1.2;
  font-size: 0;

  @include when(cell) {
    .wd-radio {
      padding: 13px 15px;
      margin: 0;
    }
    @include when(large) {
      &:not(.is-button) .wd-radio {
        padding: 14px 15px;
      }
    }
  }
  // 上下20px 左右15px 内部间隔12px
  @include when(button) {
    width: 100%;
    height: 100%;
    padding: 8px 3px 20px 15px;
    box-sizing: border-box;
    overflow: hidden;
    height: auto;

    .wd-radio {
      float: left;
      display: flex;
      width: 33.3333%;
      padding: 12px 12px 0px 0px;
      box-sizing: border-box;

      .wd-radio__label {
        width: 100%;
        max-width: inherit;
      }

      &:last-child::after {
        content: "";
        display: table;
        clear: both;
      }
    }
  }
  @include when(large) {
    &:not(.is-button) .wd-radio__shape {
      width: $-radio-large-size;
      height: $-radio-large-size;
      font-size: $-radio-large-size;
    }
    .wd-radio__label {
      font-size: $-radio-large-label-fs;
    }
  }
}