Make buttons more consistent

Rename JumpUp button to top-of-page
This commit is contained in:
Michał Gdula 2023-03-12 18:19:43 +00:00
parent 0d10de923d
commit b208b872d7
13 changed files with 143 additions and 102 deletions

View file

@ -0,0 +1,37 @@
.top-of-page
margin: 0
padding: 0.55rem
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
&.show
right: 0.75rem
opacity: 1
@media (max-width: $breakpoint)
.top-of-page
bottom: 4.25rem