#016 – Home-Navigation, Teil 2

Wir haben einen guten Start für die Homepage-Navigation, aber es gibt noch einige Styling-Arbeiten, die erledigt werden müssen. Wir beginnen damit, den Inhalt selbst zu vervollständigen und fügen einige weitere Navigationslinks hinzu, insgesamt fünf. Dann ändern wir die Schriftarten und Farben der verwendeten Elemente, um unser Photoshop-Design anzupassen.

Dies war das erste Mal, dass wir Header-Elemente geändert haben, daher stylen wir sie direkt in unserer _typography.scss-Datei, in der Hoffnung, dass diese Stile den Standard für diese Elemente im gesamten Websetzungs setzen können. Wir springen auch zu Typekit und stellen sicher, dass wir unsere Schriftschnitte für die tatsächlich geladenen Schriftarten korrekt einstellen. Es gibt keinen Grund, fette oder unge fettete (falls das eine Sache ist) Schriftarten zu riskieren.

Wir fügen das Dreieckzeichen über ein Unicode-Zeichen hinzu (keine spezielle Schriftart oder Symbol erforderlich). Wir beziehen es von CopyPasteCharacter.