@charset "UTF-8";

///
/// Modular typography uses the Bourbon modular-scale mixin with base font sizes for each breakpoint
/// and a modular-scale-ratio defined in variables/pre-vendor/_bourbon-overrides.scss.
/// Set base font-size for <body> at each breakpoint to use with modular typography.
///
/// @name modular-typography-base
///
/// @group mixin
@mixin modular-typography-base($grid: $su-grid-media) {
  @each $key, $breakpoint in $grid {
    @include grid-media($key) {
      font-size: map-get($su-modular-typography-base, $key);
    }
  }
}
