Kompas Transform mixin

Question

Mam następujące CSS:

.progress-bar { 
    transform: rotate(0deg) scale(1) skew(-50deg) translate(2px); 
    -webkit-transform: rotate(0deg) scale(1) skew(-50deg) translate(2px); 
    -moz-transform: rotate(0deg) scale(1) skew(-50deg) translate(2px); 
    -o-transform: rotate(0deg) scale(1) skew(-50deg) translate(2px); 
    -ms-transform: rotate(0deg) scale(1) skew(-50deg) translate(2px); 
} 

... i chciałbym byłaby to z Compass Transform wstawek.

Brak przykładów w dokumentacji, więc próbowałem to jako strzał w ciemno:

.progress-bar { 
    @include transform (0deg, 1, -50deg, 2px); 
} 

... i dostać ten błąd:

Syntax error: Mixin transform takes 2 arguments but 4 were passed. 

Czy istnieje sposób, aby zrobić to za pomocą Transformacji kompasu?

Answer 1

Musisz określić, jakie transformaty zastosować, oddzielone spacjami. np .:

@include transform(rotate(-135deg) skew(-10deg, -10deg)); 

Answer 2

Uważam, że powinna być rozdzielana spacjami lista przekształceń, a nie rozdzielana przecinkami.

.progress-bar { 
    @include transform (rotate(0deg) scale(1) skew(-50deg) translate(2px)); 
}