Със създадената HTML структура за долния колонтитул имаме това, от което се нуждаем, за да започнем да оформяме и да получим този долен колонтитул като този, който сме проектирали във Photoshop.
Създаваме нов SCSS файл само за долния колонтитул, защото това просто има смисъл да се поддържа модулиран и това е, което правим за всичко останало. Ние го импортираме в основната таблица със стилове в долната част.
Затъмняваме долния колонтитул, като използваме само малко RGBa фон. Sass ни помага малко, защото можете да направите това в Sass, което е супер готино: rgba(black, 0.5)
; Използваме вградена сянка на кутията, за да създадем ефект, подобен на рафта.
Избутваме съдържанието далеч от краищата с подплънки отляво и отдясно. Веднага трябва да коригираме количеството на тази подложка въз основа на текущата точка на прекъсване.
Оформяме долния долен колонтитул по почти същия начин. Просто е малко по-тъмно, за да изглежда друго ниво по-ниско.