# 047: Construyendo el Módulo de Encuestas, Parte 1 - Trucos CSS

Anonim

Existe una larga tradición de encuestas sobre CSS-Tricks. Son divertidos, recopilan buenos datos importantes y aumentan la conexión de las personas con el sitio. Compromiso FTW!

Tomamos el marcado del sitio en vivo v9 para algunas cosas con las que trabajar. Jugamos con algunas cosas de espaciado para que el módulo se vea mejor para el tipo que son. Por un lado, disminuimos la cantidad de relleno en los módulos en las barras laterales y lo eliminamos por completo para los anuncios gráficos.

Nuestras elecciones de encuestas están marcadas en una lista, lo que tiene mucho sentido, pero eso viene junto con algunos estilos no deseados. Así que volvemos a ajustar cómo y dónde aplicamos el estilo de lista. Pasamos una buena cantidad de tiempo modificando pequeñas cosas tipográficas para que las elecciones de la encuesta se vean bien y sea fácil interactuar con ellas. También solucionamos algunos problemas con los botones, evitando específicamente que se interrumpan entre palabras y que el color del cursor sea consistente a pesar del elemento al que se aplica el "botón" del nombre de la clase.

Rompemos el estilo del módulo en su archivo SCSS para que cuando estemos haciendo un estilo específico del módulo podamos saltar directamente a ese archivo. El archivo global se estaba volviendo demasiado grande, lo que siempre es una buena señal de que una división es una buena idea para nuestra propia cordura.