Resumo da Metodologia BEM

Olá pessoal, estamos de volta no sorprendizado da metodologia BEM, Bloco Element Modificador, Bloco Element Modifier. Para a gente nomear nossos classes de CSS, eu seto padrão. Agora, vamos fazer um exemplo mais complexo, vamos praticar mais. Antes disso, queria só dizer uma coisa aqui. Vamos aqui no editor de texto. A gente aprendeu o padrão do BEM, mas eu queria te falar uma coisa, certas coisas aqui não são permitidas no BEM, se você fizer, por exemplo. Dessa maneira, esse aqui é o elemento, aí você põe outro suffixo de elemento, isso aqui não pode fazer no BEM, é errado. Certo? Porque você só pode ter um elemento dentro de um bloco. Certo? Isso aqui não é certo, porque você quer ter o bloco, e você quer isolar aquele componente de interface de usuário na parte menor possível, e que ainda faça sentido dentro daquilo vai ter elementos. Certo? Se você tiver outra coisa dentro daquele bloco que faz sentido por si próprio, então você tem que criar um novo bloco. Certo? Um novo bloco. Ou você pode fazer se você tiver... Você pode mudar o nome do elemento para ser outra coisa assim. Certo? Ser uma coisa só. Mas sempre sugiro que você isolate e diminua a interface de usuário, aquele componente na menor maneira possível, e que ainda tenha significado quando for isolado da interface. Então, não faça isso. Isso aqui está errado. Está? Está a mesma maneira aqui. Agora eu quero te dizer que esse cara aqui... Outro modificador também está errado. Por quê? Porque para cada modificador você quer adicionar uma classe adicional. Esse aqui está errado. Como é que é a jeita? Você separa e adiciona assim. Tem esse modificador e tem esse outro modificador. Está certo? Então, sempre tem que ter o prefixo do bloco ou elemento. Seguindo do modificador, do nome do modificador. Se tiver múltiplos, você não pode fazer esse combinamento aqui, porque está errado. Esse aqui significa o bloco. Mas eu sei que você está parecendo dois modificadores. O problema é que você não pode aplicar duas classes separadas se você tem uma só classe. Esse aqui é como se fosse somente uma classe. Você tem que separar as classes para ter múltiplos estilos aplicados. Estilos diferentes aplicados a esse bloco. Essa é a outra detalhe que você tem que aprender. Tem que citar o cara. E é outra coisa também. Se você tiver esse aqui... Se você tiver esse cara isolado sem nenhum pai que tiver essa classe, isso não pode existir como por quê? Porque já mencionei várias vezes que não pode haver um elemento sem um bloco. Esse cara aqui é um elemento, chamado algum elemento. Você precisa ter o pai desse cara com o bloco. Então, tem que ter esse cara se não tem elemento. Tem que ter esse cara. Agora, se você não tiver, você nem precisa ter o prefixo. Se você realmente não tiver nada para pôr esse cara, se tiver um sentido próprio, um sentido isolado, um significado, você faz esse cara virar um bloco. Embora que escrevia algum elemento aqui, agora esse cara virou o bloco, porque não tem mais que ele prefixo. Então, só fazer assim para corrigir o problema. Você quer RG? Certo? Então, esses são os detalhes do BEM para você tomar cuidado. Acho que já está na hora de a gente dar uma pausa aqui. Continuar na próxima. Valeu.