Vďaka štruktúre HTML pre pätu máme všetko, čo potrebujeme, aby sme mohli začať stylovať a aby táto päta vyzerala ako to, čo sme navrhli vo Photoshope.
Vytvoríme nový súbor SCSS len pre pätu, pretože to dáva zmysel, aby zostalo modularizované, a to je to, čo sme robili pre všetko ostatné. @ Importujeme ho do hlavnej šablóny so štýlmi v dolnej časti.
Pätu stmavíme pomocou iba malého množstva RGBa pozadia. Sass nám pomôže trochu, pretože to možno vykonať v Sass, ktorý je super cool: rgba(black, 0.5); Na vytvorenie poličkového efektu používame vložený tieň boxu.
Obsah vtlačíme smerom od okrajov ľavou a pravou výplňou. Okamžite musíme upraviť veľkosť tejto výplne na základe aktuálneho bodu prerušenia.
Rovnakým spôsobom štylizujeme spodnú pätu. Je len o niečo tmavšia, aby vyzerala o úroveň nižšie.