/*------------------------------------
  Borders Default (dotted)
------------------------------------*/

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

    .g-brd-around--dotted#{$infix} {
      border: dotted 1px;
    }
    .g-brd-top--dotted#{$infix} {
      border-top: dotted 1px;
    }
    .g-brd-bottom--dotted#{$infix} {
      border-bottom: dotted 1px;
    }
    .g-brd-right--dotted#{$infix} {
      border-right: dotted 1px;
    }
    .g-brd-left--dotted#{$infix} {
      border-left: dotted 1px;
    }
  }
}
