mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-01-18 12:28:31 +00:00
42 lines
643 B
Sass
42 lines
643 B
Sass
|
.info-button
|
||
|
|
margin: 0
|
||
|
|
padding: 0
|
||
|
|
|
||
|
|
width: auto
|
||
|
|
height: auto
|
||
|
|
|
||
|
|
position: fixed
|
||
|
|
bottom: 0.75rem
|
||
|
|
right: -3rem
|
||
|
|
|
||
|
|
display: flex
|
||
|
|
justify-content: center
|
||
|
|
align-items: center
|
||
|
|
|
||
|
|
background-color: $black2
|
||
|
|
color: $white
|
||
|
|
border-radius: $rad
|
||
|
|
border: none
|
||
|
|
opacity: 0
|
||
|
|
|
||
|
|
z-index: 20
|
||
|
|
cursor: pointer
|
||
|
|
transition: all 0.2s cubic-bezier(.86, 0, .07, 1)
|
||
|
|
|
||
|
|
&:hover
|
||
|
|
color: $info
|
||
|
|
|
||
|
|
svg
|
||
|
|
margin: 0.5rem
|
||
|
|
|
||
|
|
width: 1.25rem
|
||
|
|
height: 1.25rem
|
||
|
|
|
||
|
|
&.show
|
||
|
|
right: 0.75rem
|
||
|
|
opacity: 1
|
||
|
|
|
||
|
|
@media (max-width: $breakpoint)
|
||
|
|
.info-button
|
||
|
|
bottom: 4.25rem
|