8889841chome/clixcotz/public_html/wp-content/themes/sala/assets/scss/components/_scrollup.scss 0000644 00000001600 15044462124 0025500 0 ustar 00 .page-scroll-up {
@extend %NormalTransition;
position: fixed;
right: 30px;
bottom: -60px;
z-index: 999;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12), 0 3px 1px -2px rgba(0, 0, 0, .2);
background-color: $accent_color;
display: block;
padding: 0;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 25px;
line-height: 60px;
cursor: pointer;
opacity: 0;
visibility: hidden;
overflow: hidden;
i {
@extend %NormalTransition;
font-size: 32px;
position: absolute;
top: 50%;
left: 50%;
color: #fff;
}
.arrow-top {
transform: translate(-50%, -50%);
}
.arrow-bottom {
transform: translate(-50%, 80px);
}
&.show {
bottom: 30px;
opacity: 1;
visibility: visible;
}
&:hover {
.arrow-top {
transform: translate(-50%, -80px);
}
.arrow-bottom {
transform: translate(-50%, -50%);
}
}
}