Dengan struktur HTML untuk footer yang ada, kita mempunyai apa yang kita perlukan untuk mula menggayakan dan membuat footer ini kelihatan seperti yang kita reka di Photoshop.
Kami membuat fail SCSS baru hanya untuk footer, kerana itu masuk akal untuk terus dimodulasi dan itulah yang telah kami lakukan untuk semua perkara lain. Kami @ mengimportnya ke dalam helaian gaya utama di bahagian bawah.
Kami menggelapkan kaki dengan hanya menggunakan sedikit latar belakang RGBa. Sass membantu kita sedikit kerana anda boleh melakukan ini dalam Sass yang sejuk super: rgba(black, 0.5); Kami menggunakan bayangan kotak sisipan untuk membuat kesan rak.
Kami menolak kandungan dari tepi dengan pad kiri dan kanan. Segera kita perlu menyesuaikan jumlah padding berdasarkan breakpoint semasa.
Kami menggayakan kaki bawah dengan cara yang sama. Cukup gelap untuk menjadikannya kelihatan lebih rendah.