Nav fixes for desktop site

This commit is contained in:
N-Upchurch 2023-08-06 20:11:46 -05:00
parent 233e3e6e43
commit e7e7f298d5

View File

@ -266,6 +266,8 @@ header {
nav ul {
display: flex;
align-items: end;
justify-content: space-between;
width: 20rem;
}
.nav-icon {
width: var(--single-gap);
@ -273,6 +275,7 @@ nav ul {
margin-right: .25rem;
fill: var(--color-gray-90);
padding-bottom: .3rem;
transition: all .5s;
}
.nav-item {
display: inline-block;
@ -281,7 +284,7 @@ nav ul {
.nav-item li {
display: flex;
align-items: end;
height: 2rem;
height: 2.8rem;
margin-right: .5em;
margin-bottom: 0;
text-transform: uppercase;
@ -292,6 +295,9 @@ nav ul {
border-top: 1px solid var(--color-gray-90);
transition: all .5s;
}
.nav-item li:hover {
border-top: 20px solid var(--contrast-color);
}
.subscribe:hover {
color: var(--color-gray-90);
}
@ -487,6 +493,15 @@ h2 + .header-anchor {
h3, .post-copy a h3 {
font-size: 1rem;
}
.nav-item li {
height: 2rem;
}
nav ul {
display: flex;
align-items: end;
justify-content: auto;
width: auto;
}
.post-copy a h3 {
margin-top: .5em;
}