2023-03-12 18:19:43 +00:00
|
|
|
.top-of-page
|
2023-01-25 15:13:56 +00:00
|
|
|
margin: 0
|
2023-03-23 15:47:35 +00:00
|
|
|
padding: 0
|
2023-01-25 15:13:56 +00:00
|
|
|
|
2023-03-23 15:47:35 +00:00
|
|
|
width: auto
|
|
|
|
|
height: auto
|
2023-01-25 15:13:56 +00:00
|
|
|
|
|
|
|
|
position: fixed
|
|
|
|
|
bottom: 0.75rem
|
|
|
|
|
right: -3rem
|
|
|
|
|
|
2023-03-23 15:47:35 +00:00
|
|
|
display: flex
|
2023-01-25 15:13:56 +00:00
|
|
|
justify-content: center
|
|
|
|
|
align-items: center
|
|
|
|
|
|
2023-03-25 20:24:38 +00:00
|
|
|
background-color: RGB($bg-300)
|
2023-03-25 16:22:32 +00:00
|
|
|
color: RGB($fg-white)
|
2023-03-23 15:47:35 +00:00
|
|
|
border-radius: $rad
|
|
|
|
|
border: none
|
|
|
|
|
opacity: 0
|
2023-01-25 15:13:56 +00:00
|
|
|
|
2023-03-23 15:47:35 +00:00
|
|
|
z-index: 20
|
2023-01-25 15:13:56 +00:00
|
|
|
cursor: pointer
|
|
|
|
|
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
|
|
|
|
|
|
|
|
|
|
&:hover
|
2023-03-25 16:22:32 +00:00
|
|
|
color: RGB($primary)
|
2023-02-01 00:57:36 +00:00
|
|
|
|
2023-03-23 15:47:35 +00:00
|
|
|
svg
|
|
|
|
|
margin: 0.5rem
|
|
|
|
|
|
|
|
|
|
width: 1.25rem
|
|
|
|
|
height: 1.25rem
|
|
|
|
|
|
2023-03-12 18:19:43 +00:00
|
|
|
&.show
|
|
|
|
|
right: 0.75rem
|
|
|
|
|
opacity: 1
|
2023-02-01 00:57:36 +00:00
|
|
|
|
|
|
|
|
@media (max-width: $breakpoint)
|
2023-03-12 18:19:43 +00:00
|
|
|
.top-of-page
|
2023-02-01 00:57:36 +00:00
|
|
|
bottom: 4.25rem
|
