42 lines
869 B
SCSS
42 lines
869 B
SCSS
#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);
|
|
}
|