Допустимо ли изменение блока через каскад от микса?

Допустим у меня есть блок .article:

<div class="article">
  <h1 class="article__heading"></h1>
  <img class="artilce__image">
  <p class="article__text"></p>
</div>

Я хочу видоизменить его внутри блока .frontpage, при этом сохранив привязку к .article. Для этого я использую микс только к .article:

.frontpage{
  &__article{
    .article{
      &__heading{}
      &__image{}
      &__text{}
    }
  }
}

Такой подход (в отличии от миксования к каждому изменному блоку) позволяет мне не засорять пространство имен (никаких .frontpage__article-heading), и вроде бы не ломает модульность.

Соответствует ли он методологии?

6 years ago

Realetive

Тот же визуальный эффект можно получить с помощью модификатора, но без увеличения специфичности:

.article_view_frontpage {
  &__heading{}
  &__image{}
  &__text{}
}

Это более правильная БЭМ-практика.

6 years ago

Realetive

При этом внешняя геометрия для .article будет описана в .frontpage__article.

Чтобы оставлять комментарии, необходимо авторизоваться.