3

If you are familiar with less, could you help me with this problem? I am creating a radial gradient mixin for just a quick test case. However both are not working?

.radialGradient(@posX:center @posY:center, @shape:circle @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@arguments);
}

or

.radialGradient(@posX:center @posY:center, @shape:circle @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}

Reasons?

Thanks!

Ah! I figured out. I have forgotten to add in "," in the parameters.

.radialGradient(@posX:center, @posY:center, @shape:circle, @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}

This is the right way.

Pat
  • 25,237
  • 6
  • 71
  • 68
Vennsoh
  • 4,853
  • 5
  • 26
  • 41

2 Answers2

0

Ah, I've discovered the solution. You forgot to add a comma after your first parameter ;P

.radialGradient(@posX:center, @posY:center, @shape:circle, @size:closest-side, @from:white, @to:black){
    background-image: -webkit-radial-gradient(@posX @posY, @shape @size, @from, @to);
}
VisioN
  • 143,310
  • 32
  • 282
  • 281
derrylwc
  • 826
  • 8
  • 15
0

They changed LESS PHP to match LESS JS in regards to parameter syntax. Values used to be separated by ; now they are separated by ,

Cool Hand Luke
  • 2,120
  • 9
  • 32
  • 51