src/styles/components/_components.back_to_top.scss
.back-to-top {
display: inline-block;
background-color: $dark-blue;
width: 50px;
height: 50px;
text-align: center;
border-radius: 4px;
position: fixed;
bottom: 30px;
right: 30px;
transition: background-color .3s,
opacity .5s, visibility .5s;
opacity: 0;
visibility: hidden;
z-index: 1000;
}
.back-to-top::after {
content: "↑";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 2em;
line-height: 50px;
color: $white;
}
.back-to-top:hover {
cursor: pointer;
}
.back-to-top:active {
background-color: #555;
}
.back-to-top.show {
opacity: 0.3;
visibility: visible;
}