///////////////////////////// // CORE / GENERIC / FONT-SIZE ///////////////////////////// :root { @include lh-4; font-size: #{$font-size-min}em; } // If minimum font-size does not equal maximum font-size, apply linear interpolation to font-size @if (to-number($font-size-min) != to-number($font-size-max)) { @media screen and (min-width: #{$min-width-lerp}em) { :root { font-size: calc(#{$font-size-min}em + (#{$font-size-max} - #{$font-size-min}) * ((100vw - #{$min-width-lerp}em) / (#{$max-width-lerp} - #{$min-width-lerp}))); } } @media screen and (min-width: #{$max-width-lerp}em) { :root { font-size: #{$font-size-max}em; } } }