Вопрос по модификаторам?

Question

[Brad9aga]

2 блока с кнопками: первый в хедере, второй в подвале.
у первого чуть серый цвет иконок.
у подвального белый.
вот собсна вопросы:
1) могу ли я элементу задать начальный цвет и в блоке, тот что в подвале переопределить при помощи модификатора?
2) правильно ли я указал модификаторы на hover, или же только цвет указывать?

Answer 1

[Арсений Матыцин]

1. Объявлять связи по БЭМ нужно жестко .social__btn в примере может быть использовано в другом месте, вне родителя, это не по БЭМ-у. Надо в css указывать явно .social .social__btn ....
2. Остальное вроде корректно, но лично я бы так не делал.
3. Еще есть примеси, которые актуальны в «подвале переопределить», но в данном случае так, как модификаторы по сути своей разные, этот вопрос некорректен, и данный метод не подходит. Тут просто 2 абсолютно разных модификатора, один красит в белый, другой в фиолетовый.

PS: Модификаторы тоже должны иметь явную привязку к родителю, а не указываться отдельно.

Comments

[Brad9aga]

чо получается, я должен в css целое порно устраивать ? .social .social__btn ....

[Арсений Матыцин]

Brad9aga, да. Именно для таких случаев придумали препроцессоры.

Либо забить на БЭМ. Не рекомендую, лучше забить на то, как писать модификаторы, с нижним подчеркиванием, с дефисом, но следовать философии. Если ты новичок, то въехать будет сложно, возможно придется пройти путь отторжения (у меня был, а я в этот момент был уже не новичок), но в результате въехав в философию\технологию понимаешь, насколько тут все по порядку.

[Brad9aga]

Арсений Матыцин, получается бутстрап срет в html , а эта тема срет везде)

[Арсений Матыцин]

Brad9aga, не уверен, что понял суть претензии, но почти все проекты это те, к которым возвращаются и дорабатывают, изменяют. Что в буте, что по БЭМ-у достаточно легко определить проблему именно из-за такого подхода. Я когда философствую на эту тему провожу аналогию с классами и функциями из (почти любого) ЯП, за счет инкапсуляции достигается повторяемость и возможность отладки.
Если же верстать, как отцы делали, то там каша. Один раз написал и в следующий раз расшифровываешь, либо пишешь заново.

Забить на все это можно в каком-нибудь простом лендинге, где один раз сделал и больше к нему не возвращаешься, а если возвращаешься, то легко ориентируешься в паре сотен строк кода.

[Brad9aga]

Арсений Матыцин, по поводу примесей можешь указать в документации ?ссылка на документ

PS: Модификаторы тоже должны иметь явную привязку к родителю, а не указываться отдельно.
я вроде не использовал их отдельно)

[Арсений Матыцин]

Brad9aga, примесь = mixin

Явная привязка это вот так:
.social .social__btn .social__btn_hover-white

[Brad9aga]

Арсений Матыцин, примесь = mixin
понел

[Арсений Матыцин]

Brad9aga, хотя я ни разу и не задумывался, наверное я использую все же неправильно термин. Он из ЯП, а стоит ли его использовать тут вместо просто mix это вопрос.

[Brad9aga]

Арсений Матыцин, в документации к препроцессорам именно так и указывается
lesscss.org/#mixins

[Арсений Матыцин]

Brad9aga, препроцессоры построены на базе ЯП, поэтому там это уместно на все 100%. Но тут сорян, настроение потусить на Тостере прошло. Так что вот этот вопрос оставим на другой раз каждый сам себе.