БЭМ и блок внутри блока?

Question

[SagePtr]

Правильной ли я придерживаюсь структуры для вложения блока внутрь блока? (для наглядности назовём их outer и inner)

HTML:

<div class='outer'>
    ... тут другие элементы, входящие в блок outer
    <div class='outer__inner inner'>
      ... тут элементы, входящие в блок inner
    </div>
    ... тут другие элементы, входящие в блок outer
</div>

CSS:

.outer {
    тут правила блока outer;
}
.outer__inner {
    тут правила блока inner, влияющие на его расположение внутри родительского блока (margin, flex);
}
.inner {
    а тут правила, влияющие на оформление самого блока inner, не зависящие от родителя;
}

Или я что-нибудь излишне усложняю?

Answer 1

[Олег]

Или я что-нибудь излишне усложняю?

Нет, это хорошая практика или можно вложить inner в outer__inner, а иногда вообще можно сделать простой каскад, если все прозрачно и обойтись без дополнительных сущностей.