@use "sass:map";
@use "./../variables" as *;
@use "./../mixins/breakpoints" as *;

@each $breakpoint in map.keys($breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $breakpoints);

    @for $value from 0 through 12 {
      .order-#{$infix}-#{$value} {
        order: #{$value} !important;
      }
    }

    .order-#{$infix}-first {
      order: -1 !important;
    }

    .order-#{$infix}-last {
      order: 13 !important;
    }
  }
}