Вопрос касательно БЭМ?

Сергей: или все же тут больше подходит модификатор?

Вопрос касательно БЭМ?

Сергей: Понял спасибо) А можно ли делать миксы элементов? например:
У меня есть список уведомлении в шапке сайта (аля dropdown), высота списка фиксированная с overflow: auto;
И есть страница со списком всех уведомлении. Естественно тут уже нету фиксированной высоты у списка.
По этому я для списка который в dropdown добавил микс к элементу вот так:

<ul class="notification__list dropdown__notification__list">
   ....
</u>

.dropdown__notification__list {
  height: 200px;
  overflow: auto;
}

Вопрос касательно БЭМ?

Сергей: Получается стили вешать мне на .language-swither ? Например

<ul class="language-swither">
  <li class="language-swither__item">
 <a href="#" class="language-swither__link"></a> 
</li> 
</ul>

Вопрос касательно БЭМ?

.news-list это вложенный блок?

Вопрос касательно БЭМ?

Ярослав Иванов: А, он имел ввиду так "недопустимо по БЭМ использовать селекторы. Нужно вешать на каждый элемент свой класс. Верно?)

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

.news a {
color: red }

Вопрос касательно БЭМ?

Ярослав Иванов: Например человек выше пишет что недопустимо на каждый элемент вешать класс, а вы наоборот))

Вопрос касательно БЭМ?

Ярослав Иванов: Да помню, но я смотрел примеры сайтов на БЭМ там было news-list ul li { }
По этому в замешательстве

Вопрос касательно БЭМ?

Сергей: Так погодите, то есть нельзя каждому элементу свой класс ? я думал наоборот нужно каждому элементу свой класс? То есть вариант .news-list li a { } Правильнее? А насчет англ. Я просто быстро печатал)
А зачем писать class="navbar__language-swither language-swither" два класса?

Вопрос касательно БЭМ?

Ярослав Иванов: прочитал всю вот и здесь спрашиваю чтобы закрепить.

Как реализовать такие вкладки?

В том что в примере SVG и библиотека без которой она не работает.

Маленький Вопрос по БЭМ?

Илья Ростопка: Понял) спасибо!) и последний вопрос как вам удобнее писать модификаторы через "--" тире или "_" ?

Маленький Вопрос по БЭМ?

Илья Ростопка: Понял, но как быть в стилизации? Когда у
feeds-card--article Будут свои стили заголовка

А у feeds-card--news Будут свои стили заголовка ?

Писать вот так

<div class="feeds-card__title feeds-card__article-title">Hello BEM World</div>

Писать вот так

<div class="feeds-card__title feeds-card__news-title">Hello BEM World</div>

Маленький Вопрос по БЭМ?

То есть я правильно понимаю?
Если будет карточка с артиклем то будет:
<div class="feeds-card__article-title">Hello</div>

С новостями:
<div class="feeds-card__news-title">Hello</div>

И если у <div class="feeds-card__article-title">Hello</div> Будет дочерний элемент будет так?

<div class="feeds-card__article-title">Hello <span class="feeds-card__article-title__element">asd</span></div>

?

Как задать цвет через data-color?

Rad Cor: Можно пример?

Организация файлов по отдельным css?

SM еще вопрос. А если все компоненты будут раскиданы по папкам и файлам, что тогда будет в main.css?

Организация файлов по отдельным css?

SM А например если ложить в папку vendor файлы бусттрапа то туда же ложить .js и .css ? Или внутри папки vendor надо создавать css и js?

Организация файлов по отдельным css?

Препроцессоры не знаю, но архитектура очень понравилась! спасибо годно

Организация файлов по отдельным css?

Сергей: Да, проект очень большой. Никогда не имел дело с большими проектами. Где больше 70 страниц. Насчет ui-kit понял. Но стоит ли в этом ui kit показывать примеры скриптов? или только html+css компоненты

Как задать цвет через data-color?

Проблема в незнании JS)))

Что есть бэм и как он выглядит?

То есть вы имеете ввиду .navbar-transparen .btn-white:hover так ?