//size

@mixin progress-circle-size($progress-circle-svg-width, $progress-circle-svg-height, $progress-circle-border-width, $progress-circle-text-font-size, $progress-circle-icon-font-size, $progress-circle-percent-font-size, $progress-circle-perimeter) {
  svg {
    width: $progress-circle-svg-width;
    height: $progress-circle-svg-height;
  }

  .progress-circle__bg,
  .progress-circle__bar {
    stroke-width: $progress-circle-border-width;
  }

  .progress-circle__bar {
    stroke-dasharray: 0 $progress-circle-perimeter;
  }

  .progress-circle__text {
    font-size: $progress-circle-text-font-size;

    .#{$icon-prefix} {
      font-size: $progress-circle-icon-font-size;
    }
  }

  .progress-circle__percent {
    font-size: $progress-circle-percent-font-size;
  }
}