Может ли трансформировать функцию mixin translateXY в sass?

Question

Здравствуйте, я использую mixin fuction для translateX и translateY и создаю только одну функцию для значений X и Y, которая возможна или нет. Пожалуйста, помогите Спасибо в Adavance.

Пример-1 возможен, потому что возможен только один проход значения, но возможен другой пример или нет какой-либо другой идеи для передачи двух значений за раз только в одной функции в SASS?

Пример-1

@mixin translateX($value) {
    -webkit-transform: translateX($value);
    -moz-transform: translateX($value);
    -ms-transform: translateX($value);
    transform: translateX($value);
}

Пример-2

@mixin translateXY($value1, $value2) {
    -webkit-transform: translateXY($value1, $value2);
    -moz-transform: translateXY($value1, $value2);
    -ms-transform: translateXY($value1, $value2);
    transform: translateXY($value1, $value2);
}

Answer 1

Используйте sass, как показано ниже:

Установите в @include параметры translate: @include translateXY(30%,50%);

И в @mixin используйте translate, а не translateXY

См. Скрипку

@mixin translateXY($value1, $value2) {
  .try{
    -webkit-transform: translate($value1, $value2);
    -moz-transform: translate($value1, $value2);
    -ms-transform: translate($value1, $value2);
    transform: translate($value1, $value2);
    }
}

@include translateXY(30%,50%);