mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-06-29 11:36:16 +00:00
Make buttons more consistent
Rename JumpUp button to top-of-page
This commit is contained in:
parent
0d10de923d
commit
b208b872d7
13 changed files with 143 additions and 102 deletions
37
gallery/themes/default/components/buttons/top-of-page.sass
Normal file
37
gallery/themes/default/components/buttons/top-of-page.sass
Normal 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
|
Loading…
Add table
Add a link
Reference in a new issue