# 047: Budovanie modulu hlasovania, časť 1 - Triky CSS

Anonim

Ankety o CSS-Tricks majú dlhoročnú tradíciu. Sú zábavné, zhromažďujú dôležité dôležité údaje a zvyšujú spojenie ľudí s webom. Zapojenie FTW!

Chystáme sa zobrať značku zo stránky so živým v9, aby sme mohli pracovať s niekoľkými vecami. Fidlíme si s nejakými medzerami, aby modul vyzeral lepšie pre daný typ. Jednak znížime množstvo polstrovania na moduloch v bočných paneloch a úplne ich odstránime pre obrázkové reklamy.

Naše možnosti hlasovania sú označené v zozname, čo dáva zmysel, ale prichádza s nechceným štýlom. Znovu určujeme, ako a kde použijeme styling zoznamu. Strávime veľa času ladením malých typografických vecí, aby voľby v anketách vyzerali dobre a bolo ľahké s nimi komunikovať. Opravujeme tiež niektoré problémy s tlačidlami, konkrétne im bránime v tom, aby sa dostali medzi slová a mali konzistentnú farbu vznášania napriek tomu, na aký prvok sa názov triedy „tlačidlo“ vzťahuje.

Rozbijeme styling modulu a je to v súbore SCSS, takže keď robíme styling špecifický pre modul, môžeme skočiť priamo do tohto súboru. Globálny súbor sa práve zväčšoval, čo je vždy dobré znamenie, nejaké rozdelenie je dobrý nápad pre náš vlastný zdravý rozum.