Skip to content

Commit

Permalink
Merge pull request #15 from jbethune/master
Browse files Browse the repository at this point in the history
Apply same style to <footer><nav><a> as to <header><nav><a>
  • Loading branch information
wintermute-cell authored Jun 1, 2024
2 parents b9bae68 + d817972 commit cdec42a
Showing 1 changed file with 10 additions and 5 deletions.
15 changes: 10 additions & 5 deletions magick.css
Original file line number Diff line number Diff line change
Expand Up @@ -242,31 +242,36 @@ 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 */
padding-inline-start: 0; /* 4 */
}

/* 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 */
}

Expand Down

0 comments on commit cdec42a

Please sign in to comment.