$baseRoundedSize: 0rem;

/* All sides*/
@mixin rounded-generate {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-#{$i}-x {
      border-radius: ($baseRoundedSize + $count);
    }

    $count: $count + 0.25;
  }
}

@include rounded-generate;

/* Left Side up and bottom*/
@mixin rounded-generate-left {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-left-#{$i}-x {
      border-bottom-left-radius: ($baseRoundedSize + $count) !important;
      border-top-left-radius: ($baseRoundedSize + $count) !important;
    }

    $count: $count + 0.25;
  }
}

@include rounded-generate-left;

/* Right Side up and bottom*/
@mixin rounded-generate-right {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-right-#{$i}-x {
      border-bottom-right-radius: ($baseRoundedSize + $count) !important;
      border-top-right-radius: ($baseRoundedSize + $count) !important;
    }

    $count: $count + 0.25;
  }
}

@include rounded-generate-right;

/* Top Side right and left*/
@mixin rounded-generate-top {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-top-#{$i}-x {
      border-top-right-radius: ($baseRoundedSize + $count) !important;
      border-top-left-radius: ($baseRoundedSize + $count) !important;
    }

    $count: $count + 0.25;
  }
}

@include rounded-generate-top;

/* Bottom Side right and left*/
@mixin rounded-generate-bottom {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-bottom-#{$i}-x {
      border-bottom-right-radius: ($baseRoundedSize + $count) !important;
      border-bottom-left-radius: ($baseRoundedSize + $count) !important;
    }

    $count: $count + 0.25;
  }
}

@include rounded-generate-bottom;

/* Right Top Side */
@mixin rounded-generate-top-right {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-top-right-#{$i}-x {
      border-top-right-radius: ($baseRoundedSize + $count) !important;
    }
    $count: $count + 0.25;
  }
}

@include rounded-generate-top-right;

/* Left Top Side */
@mixin rounded-generate-top-left {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-top-left-#{$i}-x {
      border-top-left-radius: ($baseRoundedSize + $count) !important;
    }
    $count: $count + 0.25;
  }
}

@include rounded-generate-top-left;

/* Right Bottom Side */
@mixin rounded-generate-bottom-right {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-bottom-right-#{$i}-x {
      border-bottom-right-radius: ($baseRoundedSize + $count) !important;
    }
    $count: $count + 0.25;
  }
}

@include rounded-generate-bottom-right;

/* Left Bottom Side */
@mixin rounded-generate-bottom-left {
  $count: 0rem;

  @for $i from 0 through 20 {
    .rounded-bottom-left-#{$i}-x {
      border-bottom-left-radius: ($baseRoundedSize + $count) !important;
    }
    $count: $count + 0.25;
  }
}

@include rounded-generate-bottom-left;
