@each $border-width-name, $border-width-value in $border-widths {
  .bw-#{$border-width-name} {
    border-width: rem($border-width-value);
  }
}

@each $breakpoint-name, $breakpoint-value in $breakpoints {
  @media #{$breakpoint-value} {
    @each $border-width-name, $border-width-value in $border-widths {
      .#{$breakpoint-name}--bw-#{$border-width-name} {
        border-width: rem($border-width-value);
      }
    }
  }
}