Ich habe die folgenden mixin

@mixin arrows($arrowdirection:"left", $arrowsize:"5px", $arrowcolor:$navbgblue ) {
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    @if $arrowdirection == "right" {
        border-top: $arrowsize + px;
        border-bottom: $arrowsize + px;
        border-left: $arrowsize + px $arrowcolor;
    } @else if $arrowdirection == "left" {
        border-top: $arrowsize + px;
        border-bottom: $arrowsize + px;
        border-right:$arrowsize + px $arrowcolor;
    } @else if $arrowdirection == "up" {
        border-bottom: $arrowsize + px $arrowcolor;
        border-left: $arrowsize + px;
        border-right: $arrowsize + px;
    } @else if $arrowdirection == "down" {
        border-left: $arrowsize + px;
        border-right: $arrowsize + px;
        border-top: $arrowsize + px $arrowcolor;
    }
}

was aus irgendeinem (zweifellos offensichtlichen) Grund nicht funktioniert, wenn ich entweder die Standardeinstellung verwende oder etwas weitergebe

.test{
    @include arrows("left", "5px", "blue");
}

Ich bekomme nur die CSS

width: 0;
height: 0;
border-color: transparent;
border-style: solid;

Also, mein Wenn / Sonst greift irgendwie nicht ein. Warum bitte?