/*------------------------------------
  Typography Font Weight
------------------------------------*/

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

    .g-font {
      &-weight-100#{$infix} {
        font-weight: 100 !important; // Thin (Hairline)
      }
      &-weight-200#{$infix} {
        font-weight: 200 !important; // Extra Light (Ultra Light)
      }
      &-weight-300#{$infix} {
        font-weight: 300 !important; // Light
      }
      &-weight-400#{$infix} {
        font-weight: 400 !important; // Normal
      }
      &-weight-500#{$infix} {
        font-weight: 500 !important; // Medium
      }
      &-weight-600#{$infix} {
        font-weight: 600 !important; // Semi Bold (Demi Bold)
      }
      &-weight-700#{$infix} {
        font-weight: 700 !important; // Bold
      }
      &-weight-800#{$infix} {
        font-weight: 800 !important; // Extra Bold (Ultra Bold)
      }
      &-weight-900#{$infix} {
        font-weight: 900 !important; // Black (Heavy)
      }
    }
  }
}
