getbem.github.io icon indicating copy to clipboard operation
getbem.github.io copied to clipboard

Block Element Modifier - Element Modifier

Open TomS- opened this issue 8 years ago • 1 comments

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>

TomS- avatar Jul 12 '16 16:07 TomS-

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>

mortensassi avatar Jul 28 '16 10:07 mortensassi