

@import "../../scss/theme/config";

//普通
.cd-check-box {
  position: relative;
  display: inline-block;
  font-size: $fontSize;
  color: $colorBase;
  text-align: left;
  cursor: pointer;
  @include clearFix();

  &.cd-disable {
    cursor: no-drop;
    color: $colorDisable;
    //pointer-events: none;
  }

  .cd-check-icon {
    float: left;
    display: inline-block;
    margin-top: 9px;
    @extend .cd-component;
    @extend .cd-component-check_1;
    width: 15px;
  }

  .cd-check-label {
    @include userSelectNone();
    float: left;
    display: inline-block;
    text-indent: 5px;
    line-height: 32px;
  }

  &.cd-selected {
    .cd-check-icon {
      @extend .cd-component-check_2;
    }
  }
}

//大型
.cd-check-box-big {
  .cd-check-icon {
    float: left;
    display: inline-block;
    margin-top: 4px;
    @extend .cd-component;
    @extend .cd-component-check_big_1;
    width: 24px;
  }

  .cd-check-label {
    @include userSelectNone();
    float: left;
    display: inline-block;
    text-indent: 5px;
    line-height: 32px;
  }

  &.cd-selected {
    .cd-check-icon {
      @extend .cd-component-check_big_2;
    }
  }
}
