# 047: Создание модуля опроса, часть 1 - CSS-хитрости

Anonim

Опросы по CSS-Tricks имеют давнюю традицию. Они веселые, собирают важные важные данные и увеличивают количество пользователей, посещающих сайт. Вовлеченность FTW!

Мы берем разметку с живого сайта v9, чтобы с ней поработать. Мы возимся с некоторыми пробелами, чтобы модуль выглядел лучше для своего типа. Во-первых, мы уменьшаем количество отступов для модулей на боковых панелях и полностью удаляем его для графических объявлений.

Наши варианты опроса помечены в списке, что имеет смысл, но имеет некоторый нежелательный стиль. Итак, мы изменили порядок и место применения стилей списка. Мы тратим много времени на настройку небольших типографских элементов, чтобы варианты опросов выглядели хорошо и с ними было легко взаимодействовать. Мы также исправляем некоторые проблемы с кнопками, в частности, предотвращая их разрыв между словами и согласование цвета при наведении курсора, независимо от того, к какому элементу применяется имя класса «кнопка».

Мы прерываем стили модуля в файле SCSS, чтобы при создании стиля для конкретного модуля мы могли сразу перейти к этому файлу. Глобальный файл просто становился слишком большим, что всегда является хорошим признаком того, что некоторое разделение - хорошая идея для нашего собственного здравомыслия.