Med HTML-strukturen til sidefoden på plads har vi det, vi har brug for for at starte styling og få denne sidefod til at ligne det, vi designede i Photoshop.
Vi opretter en ny SCSS-fil kun til sidefoden, fordi det bare giver mening at holde moduleret, og det er det, vi har gjort for alt andet. Vi importerer det til hovedformatet nederst.
Vi mørkner sidefoden ved kun at bruge en lille RGBa-baggrund. Sass hjælper os lidt, fordi du kan gøre dette i Sass, som er super sejt rgba(black, 0.5):; Vi bruger en indsat bokseskygge til at skabe den hyldelignende effekt.
Vi skubber indholdet væk fra kanterne med polstring til venstre og højre. Med det samme er vi nødt til at justere mængden af denne polstring baseret på det aktuelle brudpunkt.
Vi styler bundfoden på meget samme måde. Det er bare lidt mørkere at få det til at se et andet niveau lavere ud.