LESS mix variable into attribute name in an attribute selector expression

Question

How can I implement the following syntax correctly?

.jacket(@classname, @attrname, @value) {
    .class-prefix-@{classname}[some-prefix-@{attrname}~="@{value}"] {
        //                                 ^Error From Here
        // Attributes
    }
}

lessc shows that there is an SyntaxError: expected ']' got '@'

seven-phases-max · Accepted Answer · 2013-09-07 16:21:53Z

3

It seems like a bug actually, this workaround should do the trick:

.jacket(@classname, @attrname, @value) {
    @attr: ~'some-prefix-@{attrname}';
    .class-prefix-@{classname}[@{attr}~="@{value}"] {
        // ...
    }
}

edited Sep 7, 2013 at 16:21

answered Sep 7, 2013 at 16:08

seven-phases-max

11.9k1 gold badge47 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Svend Hansen Over a year ago

I'm getting a similar problem, but the error is Expected ']' but found '{' (rather than @ in the above). I've tried this workaround, but I'm getting the same problem with the { in the writing of attr (in the string [@{attr}...).

Svend Hansen Over a year ago

I've tried without the {s and now it's saying Expected ']' but found 'd', so maybe the problem is with the @, and the error is just wrong. Still not getting the workaround to do it for me, though :(

Collectives™ on Stack Overflow

LESS mix variable into attribute name in an attribute selector expression

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related