Vezpi/Blog
1
0
Fork 0
Code Issues Pull Requests Actions Wiki Activity

Add back to top button
All checks were successful
Deploy / Deploy (push) Successful in 4s
Details

Browse Source
This commit is contained in:
Vezpi
2025-05-09 11:50:05 +00:00
parent 69f85e051a
commit 9ed3085ed0
4 changed files with 87 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
assets/scss/partials/footer.scss Normal file
View File

@@ -0,0 +1,41 @@
#back-to-top {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 1000;
display: none;
}
#back-to-top button {
padding: 8px;
border: none;
border-radius: 8px;
background-color: var(--button-float-bg);
box-shadow: 0 3px 5px var(--button-float-shadow);
cursor: pointer;
width: 36px;
height: 36px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}
#back-to-top button:hover {
background-color: var(--button-float-bg-hover);
box-shadow: 0 5px 8px var(--button-float-shadow-hover);
transform: translateY(-2px);
}
#back-to-top button svg {
width: 16px;
height: 16px;
// fill: var(--button-float-arrow);
stroke: var(--button-float-arrow);
transition: stroke 0.3s ease;
}
#back-to-top button:hover svg {
// fill: var(--button-float-arrow);
stroke: var(--button-float-arrow);
}