From d8179727e8eb63a5685f23a48fe49247512d0c68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn=20Bethune?= <nospam@example.org>
Date: Fri, 31 May 2024 18:21:33 +0000
Subject: [PATCH] Apply same style to footer nav as to header nav

This addition makes the links in a

`<footer><nav>`

behave the same way as the links in the

`<header><nav>`

To keep things consistent.
---
 magick.css | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/magick.css b/magick.css
index 5cc6c05..f9170ad 100644
--- a/magick.css
+++ b/magick.css
@@ -242,7 +242,8 @@ header h1:after {
     3) Add a margin to the top of the nav links.
     4) Remove the default padding from the list.
 */
-header nav ul {
+header nav ul,
+footer nav ul {
     list-style-type: none; /* 1 */
     text-align: center; /* 2 */
     margin-top: 1.0rem; /* 3 */
@@ -250,23 +251,27 @@ header nav ul {
 }
 
 /* Display the navigation links as a centered, horizontal list. */
-header nav ul li {
+header nav ul li,
+footer nav ul li {
     display: inline;
     margin: 0 1.2rem;
 }
 
 /* Remove default link styles. */
-header nav ul li a {
+header nav ul li a,
+footer nav ul li a {
     text-decoration: none;
     color: var(--fg);
 }
 
 /* Add a hover effect to the navigation links. */
-header nav ul li a::before {
+header nav ul li a::before,
+footer nav ul li a::before {
     content: "❯ "; /* 1 */
     opacity: 0; /* 1 */
 }
-header nav ul li a:hover::before {
+header nav ul li a:hover::before,
+footer nav ul li a:hover::before {
     opacity: 1; /* 1 */
 }