/**
 * Mixin to add font-size classes.
 *
 * Creates a selector based on the $parent and $child provided and the $value given.
 * Also generates selectors based on $grid-brakpoints for different screen sizes.
 */

@mixin font-size-variant($parent, $child, $value) {
  #{$parent} {
    &-#{$child} {
      font-size: $value !important;
    }

    @each $breakpoint, $value in $grid-breakpoints {
      &-#{$breakpoint}-#{$child} {
        @include media-breakpoint-up($breakpoint) {
          font-size: $value !important;
        }
      }
    }
  }
}