Как лучше выставлять вешнюю геометрию для блоков bem?

Question

[wakenbyWork]

Есть блок tile, вот его описание:

.title {
  @include heading-h2;

  display: block;
  margin-bottom: 64px;

  @media (width < $media-1200) {
    @include heading-h4;
  }

  @media (width < $media-768) {
    @include heading-h6;
  }

  @media (width < $media-576) {
    @include body-middle-semibold;
  }

  &--mb-small {
    margin-bottom: 24px;

    @media (width < $media-576) {
      margin-bottom: 16px;
    }
  }

  &--mb-big {
    margin-bottom: 64px;

    @media (width < $media-1200) {
      margin-bottom: 40px;
    }

    @media (width < $media-576) {
      margin-bottom: 32px;
    }
  }

  &--center {
    text-align: center;
  }
}

В проекте 2 вида отступов с низу у title. Я решил их вынести в модификаторы, можно ли в модификаторах по bem писать внешнюю геометрию блока?

Если можно: Если у блока всегда один отступ с низу лучше тоже его вынести в модификатор например: .title--mb-def

Answer 1

[Виталий Першин]

Внешние отступы и позиционирование относительно родительских блоков необходимо делать при помощи модификаторов либо миксов. Модификаторами определяем базовые стили, миксами переопределяем стили в контексте текущего блока.

Comments

[wakenbyWork]

Внешние отступы и позиционирование относительно родительских блоков необходимо делать при помощи модификаторов либо миксов.

Правильно понял что с внешней геометрией могу работать через модификаторы?

Просто страниц много, блоков в которых находиться .title тоже много, и в каждом миксовать ему одни и те же отступы мне не хочется, можно вынести правила отступов в mixin, но каждый раз миксовать все равно придется, т.е делать copy-past.

Правда можно на body повесить класс .body и миксовать все .title уже с ним, тогда копипаста не будет в каждом блоке. А придется докидывать класс .body__title к каждому .tilte

Извините за глупые вопросы, просто для меня этот аспект не совсем понятен, хочется закрыть все дыры в понимании bem)

[Виталий Першин]

wakenbyWork

Правильно понял что с внешней геометрией могу работать через модификаторы?

Да можно, особенно если это повторяется неоднократно. Если же это конкретный отступ для конкретного блока, тогда лучше микс

[wakenbyWork]

Виталий Першин, Спасибо!

Answer 2

[Сергей delphinpro]

ну если прямо по канонам БЭМ, то любая внешняя геометрия задаются в элементах.
Ваш тайтл является элементом какого-то внешнего блока, вот его и миксуйте.

.block
  .block__title.title

.block__title {
  margin-bottom: 1rem;
}