Using a dynamically via-parent-operator-generated class

[singha-cz]

Hi,
I'm getting the "Error: .weight-400 is undefined" message when trying to use a dynamicaly generated (via parent operator) class name.

Is there any way how to make this work?

.weight{
&-100 { font-weight: 100; }
&-200 { font-weight: 200; }
&-300 { font-weight: 300; }
&-400 { font-weight: 400; }
&-500 { font-weight: 500; }
&-600 { font-weight: 600; }
&-700 { font-weight: 700; }
}

h1{
.weight-400;
}

[Justineo]

See #1399.

[seven-phases-max]

Merging to #1399. Also regarding this particular example and considering #1399 (comment) and #2702 (comment) I'd just suggest to write it in opposite (first "normal" mixin then CSS class) e.g.:

.weight(@v) {
    font-weight: @v; 
}

.weight {
    .w(100);
    .w(200);
    .w(300);
    .w(400);
    .w(500);
    .w(600);
    .w(700);
    .w(800);
    .w(@v) {&-@{v} {.weight(@v)}}
}

h1 {
    .weight(400);
}

See also #2749.

[seven-phases-max]

Merging to #1399.