I get a blank space between variable and constant. When rendered to the browser, it is interpreted as an invalid attribute by the browser as expected.
In the English version I have been told, well, the question was marked as a duplicate, but it is not exactly the same, since in the answers they gave me, they did not do arithmetic, but they were fixed attributes already given.
INPUT:
.generateDelay(5);
.generateDelay(@n, @i: 1) when (@i =< @n) {
&:nth-child(@{i}) {
animation-delay: (.25*@i)s;
}
.generateDelay(@n, (@i + 1));
}
OUTPUT:
animation-delay: 0.25 s;
animation-delay: 0.5 s; //etc
Any solution?
Put the "unit of measure" in the operation
Another option is to use the unit function :
Less
CSS