// stylelint-disable declaration-no-important

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

    .width-fixed#{$infix}-100  { width: 100px; }
    .width-fixed#{$infix}-200  { width: 200px; }
    .width-fixed#{$infix}-300  { width: 300px; }
    .width-fixed#{$infix}-400  { width: 400px; }
    .width-fixed#{$infix}-500  { width: 500px; }
    .width-fixed#{$infix}-600  { width: 600px; }
    .width-fixed#{$infix}-700  { width: 700px; }
    .width-fixed#{$infix}-800  { width: 800px; }
    .width-fixed#{$infix}-900  { width: 900px; }

  }
}