@use "sass:map";

@each $prop, $abbrev in (width: w, height: h) {
  @each $bpname,$bpsize in $grid-breakpoints {
      @media (min-width: $bpsize) {
          $props: map-get($utilities, $prop);
          $propValues: map-get($props, 'values');
          @each $size, $length in $propValues {
              .#{$abbrev}-#{$bpname}-#{$size} {
                  #{$prop}: $length;
              }
              .m#{$abbrev}-#{$bpname}-#{$size} {
                  max-#{$prop}: $length;
              }
          }
      }
  }
}