css - Múltiples transformaciones usando Compass

css3 sass

Question

Estoy en el caso en que tengo múltiples transformaciones en un elemento, así que mi pregunta es ¿cómo se traduce esto en Compass mientras se conservan las transformaciones nombradas?

-webkit-transform: translateY (-100%) scale (0.5);
-moz-transform: translateY (-100%) scale (0.5);
transformar: escala translateY (-100%) (0.5);
-ms-transform: translateY (-100%) scale (0.5);

Algo como: @include translateY(-100%) scale(0.5);

Gracias.

Answer 1

Necesita utilizar la mezcla de transform lugar de las combinaciones de acceso directo para cada transformación específica:

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

Es bastante simple: simplemente pásale las transformaciones que quieras, usando la sintaxis css oficial.