variables in attribute selectors will not work as expected

[acatl]

less:

@my-variable: "alternative";
.myClass[data-genre="@{my-variable}"] {
  /* --- */
}

output:

.myClass[data-genre="@{my-variable}"] {
  /* --- */
}

expected:

.myClass[data-genre="alternative"] {
  /* --- */
}

the variable does not get injected into the selector attribute's value. is this a known issue?, is this even posible?

thanks in advance!

[neonstalwart]

duplicate of #298

[acatl]

is it a duplicate? on #298 would give an error, and on this case it just passes the actual name of the variable. from what I tested.

[neonstalwart]

i say its a duplicate because the feature is the same feature - use a variable in a selector.

the syntax used in #298 is an example of how it's done in sass so its not surprising there's an error when you try it.

ultimately its not for me to decide if this is a duplicate but you asked if it was a known issue and that was my attempt to let you know that in my opinion its a known issue. if you look harder i think you're likely to find even older issues that request this same feature - i stopped looking once i found the first one i could see.

[acatl]

ahh I c thanks for explaining, just to clear things out, if you try #298 on LESS it does give an error, but I definitely see your point, lets hope this can get fixed either soon, or find a work around.

[lukeapage]

This is now possible

(~".myClass[data-genre=\"@{my-variable}\"]") {
}