.efly-radio {
  display: inline-block;
  line-height: 1;
  margin-left: $space-small;
  cursor: pointer;
  color: $color-text-regular;

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

  &.disabled, &:disabled {
    cursor: not-allowed;

    .icon {
      color: $color-text-secondary;
    }

    .efly-radio-label {
      color: $color-text-secondary;
    }
  }

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

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


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

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