// Width and height

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

    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    @each $prop, $abbrev in (width: w, height: h) {
      @each $size, $length in $sizes {

        // width/height by size
        .#{$abbrev}#{$infix}-#{$size} {
          // sass-lint:disable-block no-important
          #{$prop}: $length !important;
        }

      }

      // 100% max width/height
      .m#{$abbrev}#{$infix}-100 {
        // sass-lint:disable-block no-important
        max-#{$prop}: 100% !important;
      }

      // no max width/height
      .m#{$abbrev}#{$infix}-none {
        // sass-lint:disable-block no-important
        max-#{$prop}: none !important;
      }

    }

  }
}