МЕНЬШЕ переход Mixin с приставками

Question

мне было интересно, если это возможно, чтобы создать МЕНЬШЕ подмешать, что я мог бы использовать так:

.transform(transition, .5s, ease-out); 

и имеет этот CSS в качестве вывода:

-webkit-transition: -webkit-transform .5s ease-out; 
-moz-transition: -moz-transform .5s ease-out; 
transition: transform .5s ease-out; 

, но я бы также иметь возможность использовать один и тот же подмешать для других свойств (т.е. .transition(opacity, .5s) должен выводить на -webkit-transition:opacity .5s; -moz-transition:opacity .5s; transition:opacity .5s;

Спасибо!

Leon

Answer 1

С меньшей версии 2 вы можете использовать плагин для постпроцессора с автоопределением, и консенсус в том, что вы должны использовать его для лучшей практики.

Плагин Lesser Autoprefix можно найти по адресу: https://github.com/less/less-plugin-autoprefix.

После установки вы можете запустить:

echo "selector {transition: transform .5s ease-out;}" | lessc - --autoprefix="last 20 versions" 

предыдущей команды выхода:

selector { 
    -webkit-transition: -webkit-transform 0.5s ease-out; 
    -moz-transition: -moz-transform 0.5s ease-out; 
     -o-transition: -o-transform 0.5s ease-out; 
      transition: transform 0.5s ease-out; 
} 

Вы должны рассмотреть Graceful degredation и запустить плагин АвтоПрефиксНомераЗадачи без какого-либо браузера аргумента. (lessc --autoprefix). Тогда ваш выход будет выглядеть, как показано ниже:

selector { 
    -webkit-transition: -webkit-transform 0.5s ease-out; 
      transition: transform 0.5s ease-out; 
} 

Обратите внимание, что вы не можете использовать автоматический префикс плагин при использовании less.js для компиляции меньше коды в браузере. Для компиляции на стороне клиента вы можете использовать библиотеку -prefix-free.