# 071: CSSing podnožja, 1. dio - CSS-trikovi

Anonim

S postavljenom HTML strukturom za podnožje, imamo ono što nam je potrebno za početak oblikovanja i da bi ovo podnožje izgledalo poput onoga što smo dizajnirali u Photoshopu.

Stvaramo novu SCSS datoteku samo za podnožje, jer to jednostavno ima smisla zadržati modularizaciju i to je ono što smo radili za sve ostalo. @ Uvezimo ga u glavnu tablicu stilova na dnu.

Podnožje zatamnjujemo koristeći samo malo RGBa pozadine. Sass nam pomaže malo, jer možete to učiniti u SRS, koji je super cool: rgba(black, 0.5); Koristimo sjenku umetnutog okvira za stvaranje efekta nalik polici.

Lijevim i desnim uloškom guramo sadržaj od rubova. Odmah moramo prilagoditi količinu tog popunjavanja na temelju trenutne točke prekida.

Donji podnožje stiliziramo na približno isti način. Samo je malo tamnije da izgleda još niže.