mirror of
https://github.com/michivonah/website-v3.git
synced 2025-12-22 21:36:28 +01:00
add class toggle on scroll to navbar for class small
This commit is contained in:
parent
2207010f06
commit
3075ea4b90
2 changed files with 21 additions and 2 deletions
|
|
@ -47,6 +47,7 @@ nav{
|
|||
|
||||
nav.small{
|
||||
height: 66px;
|
||||
background: var(--primary);
|
||||
}
|
||||
|
||||
nav .inner-width{
|
||||
|
|
@ -64,7 +65,7 @@ nav img{
|
|||
}
|
||||
|
||||
nav.small img{
|
||||
height: 46px;
|
||||
height: 41px;
|
||||
}
|
||||
|
||||
.nav-links a{
|
||||
|
|
@ -108,10 +109,20 @@ nav.small img{
|
|||
transition: var(--baseTransition);
|
||||
}
|
||||
|
||||
nav.small .nav-links a:last-child{
|
||||
background: var(--color);
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.nav-links a:last-child:hover{
|
||||
background: var(--secondary);
|
||||
}
|
||||
|
||||
nav.small .nav-links a:last-child:hover{
|
||||
background: var(--secondary);
|
||||
color: var(--color);
|
||||
}
|
||||
|
||||
.nav-toggle{
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -328,6 +339,7 @@ nav.small img{
|
|||
border-radius: var(--baseRadius);
|
||||
transition: var(--baseTransition);
|
||||
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.705);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (pointer: fine){
|
||||
|
|
@ -339,6 +351,7 @@ nav.small img{
|
|||
background-position: center;
|
||||
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.705);
|
||||
cursor: pointer;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.card-first{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue