getbem.github.io
getbem.github.io copied to clipboard
Block Element Modifier - Element Modifier
I was wondering what would happen in the following instance. I couldn't seem to find an example anywhere. Also I've noticed the last two issues haven't been answered in over a month, is this still active?
<div class="intro">
<span class="intro__span--title"></span>
<span class="intro__span"></span>
<span class="intro__span"></span>
</div>
.intro__span { display: block; }
.intro__span--title { font-size: 1.1em; }
Now the intro__span--title doesn't take on intro__span so do you have to do <span class="intro__span intro__span--title"></span>
Wouldn't you go like this?
<span class="intro__span-title"></span>
Makes it simpler? Furthermore your example confuses me. Why would you name the elements __span since they are already spans? I think i'd be cool with the following:
<div class="intro">
<span class="intro__elem-title"></span>
<span class="intro__elem"></span>
<span class="intro__elem"></span>
<span class="intro__elem"></span>
</div>