Vendor prefixes called in wrong

[MattyBalaam]

At the moment I seem to get code to compile to something like this:

    0% {
        opacity:0;
        -webkit-transform:scale(0.3,0.3);
        -moz-transform:scale(0.3,0.3);
        -ms-transform:scale(0.3,0.3);
        -o-transform:scale(0.3,0.3);
        transform:scale(0.3,0.3)
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.05,1.05);
        -moz-transform:scale(1.05,1.05);
        -ms-transform:scale(1.05,1.05);
        -o-transform:scale(1.05,1.05);
        transform:scale(1.05,1.05)
    }
    70% {
        -webkit-transform:scale(0.9,0.9);
        -moz-transform:scale(0.9,0.9);
        -ms-transform:scale(0.9,0.9);
        -o-transform:scale(0.9,0.9);
        transform:scale(0.9,0.9)
    }
    100% {
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity:0;
        -webkit-transform:scale(0.3,0.3);
        -moz-transform:scale(0.3,0.3);
        -ms-transform:scale(0.3,0.3);
        -o-transform:scale(0.3,0.3);
        transform:scale(0.3,0.3)
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.05,1.05);
        -moz-transform:scale(1.05,1.05);
        -ms-transform:scale(1.05,1.05);
        -o-transform:scale(1.05,1.05);
        transform:scale(1.05,1.05)
    }
    70% {
        -webkit-transform:scale(0.9,0.9);
        -moz-transform:scale(0.9,0.9);
        -ms-transform:scale(0.9,0.9);
        -o-transform:scale(0.9,0.9);
        transform:scale(0.9,0.9)
    }
    100% {
        -webkit-transform:scale(1,1);
        -moz-transform:scale(1,1);
        -ms-transform:scale(1,1);
        -o-transform:scale(1,1);
        transform:scale(1,1)
    }
}

However, as I understand it, the desired output would be:

    0% {
        opacity:0;
        -webkit-transform:scale(0.3,0.3);
    }
    50% {
        opacity:1;
        -webkit-transform:scale(1.05,1.05);
    }
    70% {
        -webkit-transform:scale(0.9,0.9);
    }
    100% {
        -webkit-transform:scale(1,1);
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity:0;
        -moz-transform:scale(0.3,0.3);
    }
    50% {
        opacity:1;
        -moz-transform:scale(1.05,1.05);
    }
    70% {
        -moz-transform:scale(0.9,0.9);
    }
    100% {
        -moz-transform:scale(1,1);
    }
}

Is this due to a limitation of the current version of SASS?

[mirisuzanne]

What version are you on? The initial version (alpha.0) did not filter prefixes. You should upgrade to alpha.2, it's working correctly for me.

[MattyBalaam]

Ah, my mistake sorry. I had ran the install again, but I needed to manually delete the gems already there before it would update to the latest.

Everything is working great guns now, many thanks for your work.

[mirisuzanne]

wonderful! happy code.