27 lines
882 B
SCSS
27 lines
882 B
SCSS
@charset "utf-8";
|
|
|
|
@import "variables";
|
|
|
|
.go-back-top {
|
|
background: radial-gradient(circle at 60% 90%, #dea797, transparent 60%), radial-gradient(circle at 10px 10px, #eb8467, transparent 25%), #ec6641;
|
|
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;
|
|
opacity: .9;
|
|
clip-path: polygon(25% 5.77%, 75% 5.77%, 100% 50%, 75% 94.23%, 25% 94.23%, 0% 50%);
|
|
padding: 1em;
|
|
|
|
&:hover {
|
|
transition: background 0.4s ease;
|
|
background: radial-gradient(circle at 70% 80%, #66a9e2b3, transparent 60%), radial-gradient(circle at 25% 25%, #ffa0dc80, transparent 40%), radial-gradient(circle at 50% 50%, #3c78ff4d, transparent 70%), linear-gradient(135deg, #54a1e1 0%, #00437c 60%, #80b5ff 100%);
|
|
}
|
|
}
|