Задать вопрос
KOSTDM
@KOSTDM
sass

Cтили по БЭМ в sass — как правильно?

Пишу такой код в SASS
.main-header
  &__navigation-items
    padding: 0
    margin: 0
    list-style: none
  &__navigation-item
    padding: 10px
    margin: 0
    display: inline-block
    text-transform: uppercase
    a
      text-decoration: none
      color: $text-color
    &--active
      padding: 10px
      margin: 0
      display: inline-block
      text-transform: uppercase
      a
        text-decoration: none
        color: $main-color

Нормально так писать, а то как то много одинакового кода?
  • Вопрос задан
  • 172 просмотра
2 комментария
Подписаться 2 Простой 2 комментария
Решения вопроса 1
tema_sun
@tema_sun
Вообще БЭМ предполагает практически полное отсутствие каскада. Т.е. вместо селектора .main-header__navigation-item a, должен быть один .main-header__navigation-link.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
KOSTDM
@KOSTDM Автор вопроса
тогда для
.main-header__navigation-item--active
не применяться стили
padding: 10px
margin: 0
display: inline-block
text-transform: uppercase

https://codepen.io/anon/pen/PrKwxJ
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Middle/Senior frontend dev
Solves
от 180 000 до 240 000 ₽
Frontend разработчик (Vue.js)
Intelinvest
от 50 000 до 90 000 ₽
Laravel-программист в веб-студию
Прометей
от 40 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
HTML-вёрстка шаблонов для SaaS-сервиса
24 апр. 2024, в 13:45
15000 руб./за проект
Вывести запрос на 25 страницу яндекса
24 апр. 2024, в 13:32
300 руб./за проект
Доработка и поддержка сайта агрегатора на Nuxt + Laravel
24 апр. 2024, в 13:19
300000 руб./за проект
Ещё заказы