How do I deal with LESS?

Question

css

Hello! I have this code:

transition: top 200ms linear, opacity 200ms linear;
-moz-transition: top 200ms linear, opacity 200ms linear;
-webkit-transition: top 200ms linear, opacity 200ms linear;

In LESS I do the following:

.transition(@transition) {
    transition: @transition;
    -moz-transition: @transition;
    -webkit-transition: @transition;
}

But here's the problem.. when I enter .transition(top 200ms linear, opacity 200ms linear), i.e. change the transparency and height) - then the LESS compilation error pops up. I hear it's a comma. As if the second parameter is set .. Maybe someone came across? I tried to isolate the parameter in quotes, it does not work ..

Answer 1

Faced, faced :)
Write:
Similarly for calc() it works, for example
And if you do it with prefixes, then add -ms- for IE 9 :)

Answer 2

I strongly recommend to abandon such mixins in favor of Autoprefixer .

Answer 3

transition: top 200ms linear, opacity 200ms linear;

Isn't this code in less enough?