We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Elements
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
Label 1
@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; }
.list-item__lbl{ styles: here; }
The text was updated successfully, but these errors were encountered:
@Baldauf nested elements is a bad smell & BEM says you shouldn't do it, so Bemerald spits out a warning about it (which notes a workaround)
EDIT: but the real answer is to un-nest the elements
EDIT2: actually it should be dying on an error. Not sure why it's not
Sorry, something went wrong.
No branches or pull requests
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 1
usingBut the css will actually just output as
.list-item__lbl{ styles: here; }
The text was updated successfully, but these errors were encountered: