Skip to content

Comments with doubleslash are not stripped before compile #4264

Open
@matthew-dean

Description

@matthew-dean

Discussed in #4262

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions