$basePosition: 0rem;
@mixin position-left {
  $count: 0rem;

  @for $i from 0 through 20 {
    .left-#{$i} {
      left: ($basePosition + $count);
      right: auto;
    }

    $count: $count + 0.25;
  }
}

@include position-left;

@mixin position-right {
  $count: 0rem;

  @for $i from 0 through 20 {
    .right-#{$i} {
      right: ($basePosition + $count);
      left: auto;
    }

    $count: $count + 0.25;
  }
}

@include position-right;

@mixin position-top {
  $count: 0rem;

  @for $i from 0 through 20 {
    .top-#{$i} {
      top: ($basePosition + $count);
    }

    $count: $count + 0.25;
  }
}

@include position-top;

@mixin position-bottom {
  $count: 0rem;

  @for $i from 0 through 20 {
    .bottom-#{$i} {
      bottom: ($basePosition + $count);
    }

    $count: $count + 0.25;
  }
}

@include position-bottom;
