@each $color, $hex in $theme-colors {
  @for $i from 1 through 4 {
    .border-#{$i}-#{$color} {
      // stylelint-disable-next-line declaration-no-important
      border: #{$i}px solid $hex !important;
    }
    .border-top-#{$i}-#{$color} {
      // stylelint-disable-next-line declaration-no-important
      border-top: #{$i}px solid $hex !important;
    }
    .border-right-#{$i}-#{$color} {
      // stylelint-disable-next-line declaration-no-important
      border-right: #{$i}px solid $hex !important;
    }
    .border-bottom-#{$i}-#{$color} {
      // stylelint-disable-next-line declaration-no-important
      border-bottom: #{$i}px solid $hex !important;
    }
    .border-left-#{$i}-#{$color} {
      // stylelint-disable-next-line declaration-no-important
      border-left: #{$i}px solid $hex !important;
    }
  }
}