.efly-checkbox{
  display: inline-block;
  //margin-left: $space-small;
  cursor: pointer;
  color: $color-text-regular;
  font-size: $font-default;

  .icon{
    font-size: $font-default;
  }

  &.active{
    .icon{
      color: $color-primary;
    }
  }

  &.disabled,&:disabled{
    cursor: not-allowed;
    .icon{
      color: $color-text-secondary;
    }
    .efly-checkbox-label{
      color: $color-text-secondary;
    }
  }

  &:first-child{
    margin-left:0;
  }

  .efly-checkbox-label{
    display: inline-block;
    margin-left: $space-xs;
  }
}

$checkbox-size: (name: "small", font: $font-small),
(name: "mini", font: $font-mini);
@for $i from 1 through length($checkbox-size) {
  $item: nth($checkbox-size, $i);
  $name: map-get($item, name);
  $font: map-get($item, font);
  .efly-checkbox-#{$name} {
    font-size: $font;

    .icon {
      font-size: $font;
    }
  }
}