Как мне разобраться с LESS?

Всем привет! У меня есть такой вот код:
transition: top 200ms linear, opacity 200ms linear;
-moz-transition: top 200ms linear, opacity 200ms linear;
-webkit-transition: top 200ms linear, opacity 200ms linear;

В LESS я делаю следующее:
.transition(@transition) {
    transition: @transition;
    -moz-transition: @transition;
    -webkit-transition: @transition;
}

Но вот беда.. когда я вписываю .transition(top 200ms linear, opacity 200ms linear), тобишь изменение прозрачности и высоты) - то выскакивает ошибка компиляции LESS. Чую, что дело в запятой. Будто задан второй параметр.. Может кто сталкивался? В кавычки пробовал обособлять параметр, не работает..
  • Вопрос задан
  • 413 просмотров
Решения вопроса 1
webset
@webset
Frontend developer
Сталкивались, сталкивались :)
Напишите:
.transition(~'top 200ms linear, opacity 200ms linear');


Аналогично для calc() работает, например
width: calc(~'100% - 20px');

И раз делаете с префиксами, то добавьте и -ms- для IE 9 :)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
miraage
@miraage
Старый прогер
Настоятельно рекомендую отказаться от таких миксинов в пользу Autoprefixer.
Ответ написан
OnYourLips
@OnYourLips
transition: top 200ms linear, opacity 200ms linear;

А разве такого кода в less не достаточно?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы