Наименование и позиционирование БЭМ - PullRequest
Новая
       11

Наименование и позиционирование БЭМ

0 голосов
/ 28 июня 2018

Я новичок в БЭМ и пытаюсь реализовать это: 

.details-header {
  margin-top: 10px;
  padding-bottom: 0;
  display: block;

  &__heading-panel {
    margin-top: 10px; 
  }

  &__heading {
    display: inline-block;
  }
}

Определение того же самого margin-top внутри details-header__heading-panel неверно, я знаю, но, поскольку есть элемент между details-header и details-header__heading-panel, мне нужно это поле, как я могу это решить, а также сохранить код СУХОЙ?

РЕДАКТИРОВАТЬ: Вот HTML: 

<div class="details-header">
        <div>Something</div>
        <div class="details-header__heading-panel">
            <h1 class="details-header__heading">
                <span>something</span>
            </h1>
            <a>
                Link
            </a>
        </div>
    </div>

Мне нужен запас между этим div между details-header и details-header__heading-panel

1 Ответ

0 голосов
/ 28 июня 2018

Нет ничего плохого в том, чтобы определить одинаковую верхнюю границу внутри details-header и details-header__heading-panel. Просто продолжайте с вашим оригинальным кодом. Это не копирование, а просто совпадение.

...