Skip to content

Instantly share code, notes, and snippets.

@Oldenborg

Oldenborg/how-to-not-bem.scss

Last active May 28, 2020 13:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Oldenborg/b6f09fb3b643634deb3d3e85b7f19715 to your computer and use it in GitHub Desktop.
Save Oldenborg/b6f09fb3b643634deb3d3e85b7f19715 to your computer and use it in GitHub Desktop.
Download ZIP
BEM grandchildren - yes or no?
Raw
how-to-not-bem.scss
// Example #1
.tree__branch--green {
.twig__leaf {
color: green;
}
}
// Example #2
.tree__branch--green__twig__leaf {
color: green;
}
// Example #3
Raw
structure.html
<div class="tree">
<div class="tree__branch">
<div class="twig">
<div class="twig__leaf"></div>
</div>
<div class="twig">
<div class="twig__leaf"></div>
</div>
</div>
<div class="tree__branch">
<div class="twig">
<div class="twig__leaf"></div>
</div>
<div class="twig">
<div class="twig__leaf"></div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment