Boa tarde pessoal! Tudo bem com vocês?
Estou fazendo esse módulo de curso em sequência do "CSS Construindo Layouts responsivos com Grid" e me surgiu uma dúvida acerca das definições de classes usando o BEM como referência:
- No curso anterior, era normal serem utilizadas classes com nome grandes, como nav__menu__item-logo, para delimitar com eficiência os filhos dos respectivos pais.
- Neste curso, vejo que a estrutura das classes é um pouco diferente - temos a "nav" com a "nav__list" sendo a lista que pertence à
<nav>, porém o próximo filho se chama "menu__toggle", no lugar de algo como "nav__list__toggle".
Sendo assim, qual a melhor maneira para delimitar estes nomes de forma a tanto facilitar a manutenção quanto garantir que não tenhamos classes com 50 caracteres que podem confundir a leitura do código?
