CSS updates to simplify header

This commit is contained in:
Zach Leatherman 2025-01-30 12:04:09 -06:00
parent 2819f9521e
commit 8ca5449efc

View file

@ -125,11 +125,6 @@ main :first-child {
header { header {
border-bottom: 1px dashed var(--color-gray-20); border-bottom: 1px dashed var(--color-gray-20);
} }
header:after {
content: "";
display: table;
clear: both;
}
.links-nextprev { .links-nextprev {
display: flex; display: flex;
@ -181,15 +176,16 @@ code {
/* Header */ /* Header */
header { header {
display: flex; display: flex;
gap: 1em .5em; gap: 1em;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
align-items: center; align-items: center;
padding: 1em; padding: 1em;
} }
.home-link { .home-link {
flex-grow: 1;
font-size: 1em; /* 16px /16 */ font-size: 1em; /* 16px /16 */
font-weight: 700; font-weight: 700;
margin-right: 2em;
} }
.home-link:link:not(:hover) { .home-link:link:not(:hover) {
text-decoration: none; text-decoration: none;
@ -198,13 +194,13 @@ header {
/* Nav */ /* Nav */
.nav { .nav {
display: flex; display: flex;
gap: .5em 1em;
padding: 0; padding: 0;
margin: 0; margin: 0;
list-style: none; list-style: none;
} }
.nav-item { .nav-item {
display: inline-block; display: inline-block;
margin-right: 1em;
} }
.nav-item a[href]:not(:hover) { .nav-item a[href]:not(:hover) {
text-decoration: none; text-decoration: none;