n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Nav fixes for desktop site

Browse Source
This commit is contained in:
N-Upchurch 2023-08-06 20:11:46 -05:00
parent 233e3e6e43
commit e7e7f298d5
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/css/index.css
View File

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