LESS CSS Comments in the right place

Question

I use LESS CSS to develop a WordPress theme. I just noticed that when I compile LESS files into CSS, all comments placed in the LESS file are added to the top of the CSS file (and not to the right line) ... is there any way to avoid this? I use Less for mac since the compiler also tried simpLess, but the same problem occurs.

Answer 1

While I'm not perfect and, of course, against convention, I put my comments in the definition of style.

eg:

.style { /* Comment for .style */ ...style definition... .inner-style { /* Comment for .inner-style */ ...style definition... } }