Nested BEM elements don't seem to be supported.
In a html structure like this one:
<div class="list-item">
<div class="list-item__label">
<span class="list-item__label__lbl">Label 1</span>
<div class="list-item__label__caption">Caption 1</div>
</div>
</div>
I would expect to be able to access Label 1 using
@include B(list-item) {
@include E(label) {
@include E(lbl) {
styles: here;
}
}
}
But the css will actually just output as .list-item__lbl{ styles: here; }
Nested BEM elements don't seem to be supported.
In a html structure like this one:
I would expect to be able to access
Label 1usingBut the css will actually just output as
.list-item__lbl{ styles: here; }