Нуждаюсь квалифицированные пинки по написанию классов по БЭМ?

Question

[Super Star]

Всем привет. В общем я пытаюсь понять как это правильно делать. Пересмотрел кучу видео уроков, читал на оф сайте и всё ровно не могу въехать. Получилось ужасно. В общем я в тупике. Докодился до того что hover на картинку прикрутить не смог.

Вот код: codepen.io/TurboWeb/pen/WRoObP?editors=1100 В самом конце будет код как это у мня выглядит в SASS

Comments

[Андрей Б.]

Нафига такая простыня? В песочницу выложили и хватит.

[Super Star]

Андрей Б.: я хотел как лучше. Ладно только SASS оставлю

[Андрей Б.]

Андрей Рысь вообще то в codepen можно вставлять и sass ), нажми на шестеренку рядом с CSS блоком, там буду препроцессоры

[Ankhena]

Андрей Рысь: так и sass можно в кодепен выкладывать )))

[Super Star]

Андрей Б.: Я об этом и не подумал =) Всё сделал

Answer 1

[Super Star]

Сам уже одну ошибку нашел =)

<div class="small">
	<div class="item item--one">
		<div class="item__hidden item__hidden--one">

а должно быть

<div class="small">
	<div class="small__item small__item--one">
		<div class="hidden hidden--one">

ну я так думаю. особенно вопрос к блоку hidden

Comments

[Дмитрий]

Я бы написал small__item-hidden, а потом small__item-hidden--one. У вас ведь hidden в документе может быть и другим, а этот относится конкретно к блоку

[Super Star]

Дмитрий: нет другого не предвидится, но я напишу так =)

Answer 2

[Vasyl Kovbassa]

попробуй вместо

<div class="block block_mod">
  <div class="block__elem block__elem_mod">

так

<div class="block block_mod">
  <div class="elem elem_mod block__elem">