[CSS] Vamos organizar nosso CSS?
Um CSS mal arquitetado pode ser uma dor de cabeça. Como tudo nele é global, pequenas mudanças tornam-se complicadas. Claro que processadores como SASS facilitam muito, mas uma metodologia bem aplicada é o que realmente faz a diferença na escalabilidade e manutenibilidade do seu CSS. Das diversas metodologias que existem, vamos falar sobre o BEM (Block, Element, Modifier), que tem como objetivo organizar as classes por funções: Block: É um componente de UI (por exemplo, um formulário); Element: É um componente de um Block (por exemplo, um input, botão ou label de um formulário); Modifier: É uma mudança que ocorre na apresentação de um Block ou Element (por exemplo um botão ativo ou pressionado); Por convenção temos a seguinte sintaxe: .block /* -> Um Block. */ .block__element /* -> Um Element que pertence à um Block. */ .block--modifier /* -> Um Modifier de um Block. */ .block__element--modifier /* -> Um Modifier de um Element. */ A...