asiaH2/assets/stylesheets/template/base/_go_back_top.scss

33 lines
641 B
SCSS

@charset "utf-8";
@import "variables";
.go-back-top {
background: rgba($theme-color-main, 0.9);
text-align: center;
padding: 0.625em 0.75em;
position: fixed;
bottom: 0.9375em;
right: 0.9375em;
cursor: pointer;
display: none;
color: $theme-white;
font-size: 0.750em;
border-radius: 0.125em;
z-index: 1050;
animation:animateTop 0.5s linear infinite alternate;
-webkit-animation:animateTop 0.5s linear infinite alternate;
&:hover {
background: $theme-color-second;
}
}
@-webkit-keyframes animateTop{
from{bottom:1em;}
to{bottom:1.2em;}
}
@keyframes animateTop{
from{bottom:1em;}
to{bottom:1.2em;}
}