Nhiều biến đổi sử dụng Compass

Question

tôi trong trường hợp tôi có nhiều biến đổi trên một yếu tố, vì vậy câu hỏi của tôi là làm thế nào để bạn dịch này vào Compass trong khi vẫn giữ biến đổi tên là:

-webkit-transform: dịchY (-100%) quy mô (0,5);
-moz-transform: tỷ lệ dịchY (-100%) (0.5);
chuyển đổi: dịchY (-100%) quy mô (0,5);
-ms-transform: tỷ lệ dịchY (-100%) (0.5);

Cái gì như: @include translateY(-100%) scale(0.5);

Cảm ơn bạn.

Answer 1

Bạn cần phải sử dụng transform mixin chứ không phải là mixins shortcut cho mỗi chuyển đổi cụ thể:

@include transform(translateY(-100%) scale(0.5)); 

Nó khá đơn giản - chỉ cần vượt qua nó biến đổi bạn muốn, bằng cách sử dụng cú pháp css chính thức.