Compass Chuyển Mixin

Question

Tôi có CSS ​​sau đây:

.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); 
} 

... và muốn refactor này với Compass Transform mixin.

Không có ví dụ trong tài liệu hướng dẫn, vì vậy tôi cố gắng này như một shot trong bóng tối:

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

... và nhận được lỗi này:

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

Có cách nào để làm điều này với Compass Transform?

Answer 1

Bạn phải chỉ định biến đổi để sử dụng, được phân tách bằng dấu cách. ví dụ:

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

Answer 2

Tôi tin rằng nó phải là danh sách các biến đổi được phân cách bằng dấu cách chứ không phải bằng dấu phẩy.

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