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

33 lines
641 B
SCSS
Raw Normal View History

2020-04-09 10:46:42 +00:00
@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;
2021-04-19 02:04:27 +00:00
animation:animateTop 0.5s linear infinite alternate;
-webkit-animation:animateTop 0.5s linear infinite alternate;
2020-04-09 10:46:42 +00:00
&:hover {
2021-04-19 02:04:27 +00:00
background: $theme-color-second;
2020-04-09 10:46:42 +00:00
}
2021-04-19 02:04:27 +00:00
}
@-webkit-keyframes animateTop{
from{bottom:1em;}
to{bottom:1.2em;}
}
@keyframes animateTop{
from{bottom:1em;}
to{bottom:1.2em;}
}