2023-01-25 15:13:56 +00:00
|
|
|
.jumpUp
|
|
|
|
|
margin: 0
|
2023-03-10 17:38:24 +00:00
|
|
|
padding: 0.55rem
|
2023-01-25 15:13:56 +00:00
|
|
|
|
|
|
|
|
width: 2.5rem
|
|
|
|
|
height: 2.5rem
|
|
|
|
|
|
|
|
|
|
position: fixed
|
|
|
|
|
bottom: 0.75rem
|
|
|
|
|
right: -3rem
|
|
|
|
|
|
|
|
|
|
display: flex // hidden
|
|
|
|
|
justify-content: center
|
|
|
|
|
align-items: center
|
|
|
|
|
|
|
|
|
|
border-radius: 50%
|
|
|
|
|
background-color: $black
|
|
|
|
|
color: $white
|
|
|
|
|
opacity: 0 // hidden
|
|
|
|
|
|
|
|
|
|
z-index: 2
|
|
|
|
|
|
|
|
|
|
cursor: pointer
|
|
|
|
|
|
|
|
|
|
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
|
|
|
|
|
|
|
|
|
|
&:hover
|
|
|
|
|
background-color: $black
|
|
|
|
|
color: $primary
|
2023-02-01 00:57:36 +00:00
|
|
|
|
|
|
|
|
.jumpUp--show
|
|
|
|
|
right: 0.75rem
|
|
|
|
|
opacity: 1
|
|
|
|
|
|
|
|
|
|
@media (max-width: $breakpoint)
|
|
|
|
|
.jumpUp
|
|
|
|
|
bottom: 4.25rem
|
