.circle {
  height: $spacer;
  width: $spacer;
  border-radius: $spacer;
  display: inline-block;

  @each $size, $length in $spacers {
    &-size-#{$size} {
      height: $length + 0.3;
      width: $length + 0.3;
      border-radius: $length + 0.3;
    }
  }
}
