Адаптивный размер шрифта.

_fontSizeAdaptive.scss

/// Адаптивный размер шрифта.
/// В параметрах миксина указывается минимальный и максимальный размеры шрифта.

@function vw($pixel, $defaultWidth: 1920px) {
    @return $pixel * (100 / $defaultWidth) * 1vw;
}

@function calcVw($minPixel, $pixel) {
    $addPixel: vw($pixel - $minPixel);
    @return #{"calc(#{$minPixel} + #{$addPixel})"};
}

@mixin fontSizeAdaptive($minPixel, $pixel) {
    font-size: $minPixel;
    font-size: calcVw($minPixel, $pixel);
}

// example usage
//
// .selector {
//      @include fontSizeAdaptive(12px, 20px);
// }
//
// compiled to
//
// .selector {
//      font-size: 12px;
//      font-size: calc(12px + 0.42vw);
// }