Ответы пользователя по тегу CSS
  • Правильно ли так использовать модификатор?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Да, всё верно. Единственное – я бы порекомендовал подумать над форматом названий классов. Использование двойного тире и двойного подчёркивания мне видится не самой удачной идеей. Смотрится очень громоздко, особенно когда у одного элемента несколько подобных классов.

    .block__elem {}
    .block__elem--modif {}

    К тому же часто возникает проблема с одинаковыми именами (не хватает ещё дополнительных неймспейсов/префиксов). Поэтому рекомендую подумать и подстроить бэм под себя. Вспомните задачи, с которыми вы работаете сейчас и будете работать в будущем, и решите их самым простым, читабельным и удобным для вас (и вашей команды) способом. Вот, например, как я именую бэм классы. Использую такой подход уже несколько лет. Разработка стала очень приятной.
    Ответ написан
    Комментировать
  • Как все же правильно именовать классы в БЭМ?

    OlegCherr
    @OlegCherr
    Запрограммлю всё что угодно (Web/Android)
    Рекомендую именовать классы так, как удобно лично вам (или вашей команде).
    Лично мне очень не нравятся записи с двойным тире или подчёркиванием, и уж тем более модификаторы "ключ-значение". Смотрится очень громоздко, особенно когда у одного элемента несколько подобных классов.

    .menu__item--active {}
    .menu__item_state_active {}

    Поэтому настоятельно рекомендую подстраивать бэм под себя. Подумайте над задачами, с которыми вы сталкиваетесь сейчас и столкнётесь в будущем, и решите их самым лаконичным способом. Вот, например, моя модификация бэм. Использую её уже несколько лет. Разработка стала очень приятной.
    Ответ написан
    Комментировать