Интерполяция переменной translateX не работает - Sass

Question

Замена переменной $tranX значением не работает, хотя подстановка переменной $op работает правильно.

В этом анимация обычно выполняет:

@mixin animationItemAbout($delay, $tranX, $op)
{
    @keyframes itemAboutShow 
    {
        0% {  transform: translateX(10%); opacity: 0;  }
        100% { transform: translateX(0%);  opacity: 1; }   
    }
    animation: itemAboutShow 250ms ease-out $delay 1 normal both;

}

При этом только анимация непрозрачности выполняет:

@mixin animationItemAbout($delay, $tranX, $op)
{
    @keyframes itemAboutShow 
    {
        0% {  transform: translateX($tranX); opacity: 0;  }
        100% { transform: translateX(0%);  opacity: $op; }   
    }
    animation: itemAboutShow 250ms ease-out $delay 1 normal both;

}

Это вызов метода:

.title1
{
     @include animationItemAbout(600ms, 20%, 0.5);            
}

Почему это происходит?