@Maxim_ss
Front-End

Как по меню БЕМ правильно построить вложенность SCSS с активным элементом?

Код меню, более сложный вариант:
<nav class="menu">
  <ul class="menu__list">
    <li class="menu__item menu__item_state_active">
      <a class="menu__link" href="">
        .menu__icon
        .menu__text
      </a>
    </li>
    <li class="menu__item"><a class="menu__link" href=""></a></li>
    <li class="menu__item"><a class="menu__link" href=""></a></li>
  </ul>
</nav>


Какие есть другие варианты?
.menu {
  $menu: &;
  &__item {...}
  &__link {color: #ccc;}

/* Для активного элемента */
  &__item {
    &_state_active {
      #{$menu} {
        &__icon {
          fill: #212121;
        }
        &__text {
          color: #212121;
        }
      }
    }
  }
}
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы