/*------------------------------------
  Typography Font Size
------------------------------------*/
.g-font-size-default {
  font-size: 1rem !important;
}

$i: 70;
@while $i < 96 {
  .g-font-size#{$i}x {
    font-size: $i * 1% !important;
  }
  $i: $i + 5;
}

// $grid-breakpoints: (
//   xs: 0,
//   sm: 576px,
//   md: 768px,
//   lg: 992px,
//   xl: 1200px,
//   xxl: 1400px,
//   xxxl: 1600px
// ) !default;

// @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
// @include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .g-font-size-0#{$infix} {
      font-size: 0;
    }
    .g-font-size-8#{$infix} {
      @include px-to-rem(font-size, 8px !important);
    }
    .g-font-size-9#{$infix} {
      @include px-to-rem(font-size, 9px !important);
    }
    .g-font-size-10#{$infix} {
      @include px-to-rem(font-size, 10px !important);
    }
    .g-font-size-11#{$infix} {
      @include px-to-rem(font-size, 11px !important);
    }
    .g-font-size-12#{$infix} {
      @include px-to-rem(font-size, 12px !important);
    }
    .g-font-size-13#{$infix} {
      @include px-to-rem(font-size, 13px !important);
    }
    .g-font-size-14#{$infix} {
      @include px-to-rem(font-size, 14px !important);
    }
    .g-font-size-15#{$infix} {
      @include px-to-rem(font-size, 15px !important);
    }
    .g-font-size-16#{$infix} {
      @include px-to-rem(font-size, 16px !important);
    }
    .g-font-size-17#{$infix} {
      @include px-to-rem(font-size, 17px !important);
    }
    .g-font-size-18#{$infix} {
      @include px-to-rem(font-size, 18px !important);
    }
    .g-font-size-20#{$infix} {
      @include px-to-rem(font-size, 20px !important);
    }
    .g-font-size-22#{$infix} {
      @include px-to-rem(font-size, 22px !important);
    }
    .g-font-size-23#{$infix} {
      @include px-to-rem(font-size, 23px !important);
    }
    .g-font-size-24#{$infix} {
      @include px-to-rem(font-size, 24px !important);
    }
    .g-font-size-25#{$infix} {
      @include px-to-rem(font-size, 25px !important);
    }
    .g-font-size-26#{$infix} {
      @include px-to-rem(font-size, 26px !important);
    }
    .g-font-size-27#{$infix} {
      @include px-to-rem(font-size, 27px !important);
    }
    .g-font-size-28#{$infix} {
      @include px-to-rem(font-size, 28px !important);
    }
    .g-font-size-30#{$infix} {
      @include px-to-rem(font-size, 30px !important);
    }
    .g-font-size-32#{$infix} {
      @include px-to-rem(font-size, 32px !important);
    }
    .g-font-size-33#{$infix} {
      @include px-to-rem(font-size, 33px !important);
    }
    .g-font-size-35#{$infix} {
      @include px-to-rem(font-size, 35px !important);
    }
    .g-font-size-36#{$infix} {
      @include px-to-rem(font-size, 36px !important);
    }
    .g-font-size-38#{$infix} {
      @include px-to-rem(font-size, 38px !important);
    }
    .g-font-size-40#{$infix} {
      @include px-to-rem(font-size, 40px !important);
    }
    .g-font-size-45#{$infix} {
      @include px-to-rem(font-size, 45px !important);
    }
    .g-font-size-50#{$infix} {
      @include px-to-rem(font-size, 50px !important);
    }
    .g-font-size-55#{$infix} {
      @include px-to-rem(font-size, 55px !important);
    }
    .g-font-size-60#{$infix} {
      @include px-to-rem(font-size, 60px !important);
    }
    .g-font-size-65#{$infix} {
      @include px-to-rem(font-size, 65px !important);
    }
    .g-font-size-70#{$infix} {
      line-height: 70px;
      @include px-to-rem(font-size, 70px !important);
    }
    .g-font-size-75#{$infix} {
      @include px-to-rem(font-size, 75px !important);
    }
    .g-font-size-80#{$infix} {
      @include px-to-rem(font-size, 80px !important);
    }
  }
}
