mirror of
https://github.com/michivonah/website-v3.git
synced 2025-12-22 21:36:28 +01:00
implement scroll to top function
This commit is contained in:
parent
03ff2ec08f
commit
112f84b1ca
3 changed files with 52 additions and 5 deletions
|
|
@ -420,3 +420,37 @@ nav.small img{
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* SCROLL TOP */
|
||||
.scroll-top{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 15px;
|
||||
background: var(--primary);
|
||||
color: var(--color);
|
||||
border-radius: var(--baseRadius);
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
font-size: 28px;
|
||||
transition: var(--baseTransition);
|
||||
}
|
||||
|
||||
.scroll-top a{
|
||||
text-decoration: none;
|
||||
color: var(--color);
|
||||
margin-top: 0;
|
||||
transition: var(--baseTransition);
|
||||
}
|
||||
|
||||
.scroll-top a:hover,
|
||||
.scroll-top a:focus{
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.scroll-top i{
|
||||
stroke-width: 3px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue