Как в BEM осуществлять позиционирование блоков?

Question

[rusglov]

<div class="header">
  <div class="header__logo">
    <a href="#" class="logo">MySite</a>
  </div>
  <div class="header__search">
      <div class="search">
        <input type="text" class="search__input">
        <button class="search__button"></button>
      </div>
  </div>
  <div class="header__auth">
    <form class="auth">
      <input type="text" class="auth__login">
      <div class="auth__button"></div>
    </form>
  </div>
</div>

Насколько понял, в БЭМЕ нельзя самому блоку менять внешние отступы и его позиционирование. Для этого существуют миксы(в коде выше пример). Так вот, насмотревшись кучу мастер-классов, я так и не понял, почему большинство забивают на это правило и спокойно задают самим блоком позиционирование.Суть же БЭМА - любой блок можно вставить в любую часть сайта, и ничего не должно развалиться. Разве это не ошибка? Кто прав и как лучше делать, объясните новичку)

Comments

[Ankhena]

На большинстве сайтов блоки никуда не переместятся со временем, "как прибили, так и держатся". Поэтому, верстальщики используют от БЭМа только способ именования классов, да и то, далеко не всегда чистое,а скорее БЭМо-подобное.

Кто прав

Вообще, зависит от задачи.

Answer 1

[Realetive]

Конечно, ошибка. Просто многие (читайте «большинство») считают, что «БЭМ — это классы через чёрточку». Даже не смотря на то, что в документации достаточно подробно обо всём рассказано: https://ru.bem.info/methodology/css/#Внешняя-геоме....
P. S. Про обертки.