refactor main nav
This commit is contained in:
parent
9aaf9c2a3d
commit
b2e465abc4
2 changed files with 7 additions and 6 deletions
|
@ -30,7 +30,7 @@ header {
|
|||
margin-left: 1.9rem;
|
||||
}
|
||||
|
||||
#mainNav a {
|
||||
.nav-item {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
font-family: Aileron;
|
||||
|
@ -41,7 +41,7 @@ header {
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
#mainNav a::after {
|
||||
.nav-item::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background: var(--color-primary);
|
||||
|
@ -53,7 +53,7 @@ header {
|
|||
transition: opacity .3s ease-out;
|
||||
}
|
||||
|
||||
#mainNav a:hover::after,
|
||||
#mainNav .nav-active a::after {
|
||||
.nav-item:hover::after,
|
||||
.nav-item.active::after {
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue