Há uma longa tradição de enquetes sobre CSS-Tricks. Eles são divertidos, reúnem bons dados importantes e aumentam a conexão das pessoas ao site. Engajamento FTW!
Vamos pegar a marcação do site v9 ao vivo para algumas coisas para trabalhar. Nós mexemos em algumas coisas de espaçamento para fazer o módulo parecer melhor para o tipo que eles são. Por um lado, diminuímos a quantidade de preenchimento nos módulos nas barras laterais e o removemos totalmente para anúncios gráficos.
Nossas escolhas de enquete são marcadas em uma lista, o que faz muito sentido, mas vem junto com alguns estilos indesejados. Então, ajustamos como e onde aplicamos o estilo de lista. Gastamos uma boa quantidade de tempo ajustando pequenas coisas tipográficas para fazer com que as escolhas da enquete pareçam boas e sejam fáceis de interagir. Também corrigimos alguns problemas com os botões, evitando especificamente que eles quebrem entre as palavras e tenham a cor flutuante consistente, independentemente do elemento ao qual o nome da classe “botão” é aplicado.
Separamos o estilo do módulo em um arquivo SCSS para que, quando estivermos fazendo o estilo específico do módulo, possamos ir direto para esse arquivo. O arquivo global estava ficando muito grande, o que é sempre um bom sinal de que alguma divisão é uma boa ideia para nossa própria sanidade.