Am I using the BAM naming convention correctly?
If so, doesn't this create a very long chain of double underscores? making it inefficient to type and read?
<aside class="aside">
<div class="aside__block">
<h2 class="aside__block__heading">Cheap</h2>
<p class="aside__block__paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam.
</p>
</div>
<div class="aside__block">
<h2 class="aside__block__heading">Quick</h2>
<p class="aside__block__paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam.
</p>
</div>
<div class="aside__block">
<h2 class="aside__block__heading">Quality</h2>
<p class="aside__block__paragraph">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
ad minim veniam.
</p>
</div>
</aside>