^{Originally posted by mperry2 February 29, 2024}
I've got a variable that's a list of several hundred items. I'd like to add comments between blocks of the items like I would in a regular programming language. I read at #202 (comment) that // comment will be removed, so I used those. However, the comments are not being stripped out before processing and are becoming part of the list.

I'm wondering if something's wrong with my syntax and I'm just not seeing it.

Here's a contrived test case. Link to Less-To-CSS Playground

less source:

@items:
// Fruit
    apple,
    banana,
    cherry,

// Vegetables
    carrot,
    potato,
;

each(@items, {
  div#@{value} {
    color: blue;
  }
})

Output:

div#apple {
  color: blue;
}
div#banana {
  color: blue;
}
div#cherry {
  color: blue;
}
div#// Vegetables carrot {
  color: blue;
}
div#potato {
  color: blue;
}

Notice that line 10 has div#// Vegetables carrot as the selector when it should be div#carrot.

Any idea on how to fix this? I don't want to use multiple lists.