Почему мой миксин не работает?

Есть миксин адаптивного свойства:

@mixin adaptiveProperty($property, $startSize, $minSize, $type) {
    $addSize: $startSize - $minSize;
    // if we need to adaptive when screen size less then container size
    @if $type == 1 {
        #{$property}: $startSize + px;
        @media (max-width : #{$mw - 30 + px}) {
            #{$property}: calc(#{$startSize +px}+#{$addSize}* ((100vw - 320px) / #{$mw - 30 - 320}))
        }
    }
    // if we need to adaptive when container size less then screen size
    @if $type == 2 {
        #{$property}: $startSize + px;
        @media (min-width : #{$mw+px}) {
            #{$property}: calc(#{$startSize+px}+#{$addSize}* ((100vw - 320px) / #{$mw - 320}));
        }
    } @else {
        #{$property}: calc(#{$startSize+px}+#{$addSize}* ((100vw - 320px) / #{$mw - 320}));
    }
}

Он должен вычислять свойства с размерами, но почему-то стили не применяются. $mw это ширина ограничевающего контейнера, которая указана в основном файле стилей.

Вызвав миксин в основном файле стилей:

@include adaptiveProperty("font-size", 24, 16, 1);

Получаю

Помогите найти ошибку.