.header .header__soc .soc

вот мы создали обертку heaer_soc внутрь поместиили soc (отдельный блок)

позиционировать не обертку а элемент. Элемент может быть сразу и блоком и элементом относительно родительского тега

.header .header__soc .soc

да все верно. Ты просто своему блоку контактов добавил второй класс, который делает его еще и элементом, но только для позиционирования этого блока внутри другого. А не чтобы менять твой блок соц

а это просто класс я подумал что soc внутри header__soc

не, можешь сразу для одного дива добавить два класса

класс элемент и класс блок. Это как с флексбоксами

ну все кажись теперь точно понял

Есть люди занимающимися разработкой приложений под Ведроид?

Если есть кто напишите в ЛС

а ты на чем пишешь?

прост интересно

html + js или java

Я вообще их не пишу. Есть запрос

кстати а писать аля header header__logo a {color: red} допустим

это нормально?

или надо header__logo-link для ссылки класс задавать?

&

кстати а писать аля header header__logo a {color: red} допустим

препросы используешь?

это да

я про другое маленько

я пишу вот так

про селектор на тег a

или для него нужен тоже класс

я ставлю обычно

класс

смотри в чем фишка

ты можешь сделать вот так

header &__logo &__link &-active (то есть в последней строке получаем header__link-active)

ага понял

вообще не должно быть на теги

то есть тот же SASS и бэм очень даже дружат

вот еще кто-то говорил что сасс плохо для бема подходил

вообще не должно быть на теги

ну... тут уж на твое усмотрение. иногда я прописываю для Input, например, заголовки и т.д.

и типо лучше стайлус

не согласен

SASS отлично к этому подходит

я бы скинул пример кодов, но не за рабочим компом

плюс еще как то @GriNAME вешал ко всему этому Bemto

тогда вообще красота

bemto это ведь для джейда

вот нашел

&__bar, применённое для селектора .foo, должно давать .foo__bar — подобные конструкции нужны для упрощения использования БЭМ-наименования и очень удобны, когда нужно сгенерировать в цикле множество модификаторов. .baz&, применённое для селектора .foo .bar, должно дать мультикласс .baz.foo .bar, но так в Sass сделать не получится: можно будет дать мультикласс только к .bar, если написать &.baz, но не наоборот. button&, применённое к .foo, должно бы уточнить селектор до button.foo, но — увы.

bemto это ведь для джейда

правда твоя

видимо это раньше было актуально, а сейчас поправили?

возможно и поправили

как ни странно мы все еще с *.jade файалами работаем)

динозавры)

почему кстати не перешли?

на паг

из за того, что bemto туда не портировать?

возможно и поправили

ну ты не сталкиваешься с такими ограничениями?

это просто пост от Яндекса за 2013 год

https://habrahabr.ru/company/yandex/blog/169415/

почему кстати не перешли?

спроси у @GriNAME , что то там не вышло

окей

все работает поэтому я сильно не заморачиваюсь

но думаю это из за этого, там просто кажись нельзя юзать классы которые начинаются на _

Господа, имеется проблема

где мне инициализировать slick?

$(document).on('load', ... )

я делаю в $(document).on('ready', ... ), не знаю, есть ли разница с load

header &__logo &__link &-active (то есть в последней строке получаем header__link-active)

если держать полные названия классов, есть полезное следствие - можно стили легко искать поиском по проекту. Нужно мне быстро найти стили vertical-menu__item_active - Ctrl+Shift+F - копипаст этого класса - Enter - и все стили на ладони.

Тоже использую Sass, к слову

пример блока

ERROR: S client not available

ага вижу а почему для элементов не используешь &?

&__image

описал сообщением выше

а все понял

я просто пишу стили для каждого блока

отдельно в своем sass файле

так я тоже :)

кстати а писать аля header header__logo a {color: red} допустим

да это нормально. Для некоторых элементов где всегда есть либо одни либо другие теги можно прописывать контекстные селекторы. НО! Задавай себе вопрос, если переместить в другое место не надо ли будет переопределять свойства

то есть для ссылок в конкретном примере лучше создать класс элемент и модификатор. В одном месте они красные, в другом другого цвета

то есть для ссылок в конкретном примере лучше создать класс элемент и модификатор. В одном месте они красные, в другом другого цвета

окей, спасибо

так я тоже :)

у меня такой частый кейс:

Вижу верстку, хочу быстро найти стили .settings-panel__avatar

так я тоже :)

ну тогда не знаю заходишь же в фаил vertical-menu

ctrl + f

копипаст в поиск по проекту:

А бывает, как например с материал дизайном, где у дизайна есть прописанные правила, можно для большой вложенности указать контекстные селекторы. Но лучше не привязываться в селекторам тега. А использовать ласт чайлд, фёст чайлд и тд

и готово

ну тогда не знаю заходишь же в фаил vertical-menu

т.е. мне не нужно сперва открывать файл блока. даже не нужно "копипастить" - в саблайме можно выделить класс и жмакнуть Ctrl+Shift+F и сразу Enter - найдет, не только файл блока, но и файлы других блоков, где данный может быть стилизован в каскаде

и можно себе очень облегчить работу с БЭМ испольуя препрос Pug и либу bemto

Для элементов пишешь имя елемента, без имя-блока__ вначале

а компилится все в правильный код по БЭМ

bemto юзал

жаль для пага нету

кстати не вкурсе почему?

Для элементов пишешь имя елемента, без имя-блока__ вначале

Чистый код, нравится. Но также нравятся миксы в БЭМе, а с ними нужно указывать имя блока

кстати не вкурсе почему?

потому что автору сложно выделить время и переписать код

ну я просто расширение фалам ставлю jade и все

какая разница по сути?

все новые фишки Pug работают