# 047: Bygg avstemningsmodulen, del 1 - CSS-triks

Anonim

Det er en lang tradisjon med meningsmålinger på CSS-Tricks. De er morsomme, samler gode viktige data og øker folks tilknytning til nettstedet. Forlovelse FTW!

Vi tar markeringen fra live v9-nettstedet for noen ting å jobbe med. Vi fikler med noen avstands ting for å få modulen til å se bedre ut for den typen de er. For det første reduserer vi mengden polstring på moduler i sidefelt, og vi fjerner den helt for bildeannonser.

Våre avstemningsvalg er merket opp i en liste, noe som gir god mening, men det følger med litt uønsket styling. Så vi avviser hvordan og hvor vi bruker listestyling. Vi bruker god tid på å tilpasse små typografiske ting for å få valgene til avstemningene til å se bra ut og være enkle å samhandle med. Vi løser også noen problemer med knapper, og forhindrer dem spesifikt fra å bryte mellom ord og ha svevefargen konsistent til tross for hvilket element klassenavnet “knappen” brukes på.

Vi bryter av modulstyling til den er på SCSS-fil, slik at når vi gjør modulspesifikk styling, kan vi hoppe rett til den filen. Den globale filen ble bare for stor, noe som alltid er et godt tegn på at splitting er en god ide for vår egen sunn fornuft.