Nav fixes for desktop site
This commit is contained in:
parent
233e3e6e43
commit
e7e7f298d5
@ -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;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user