71 lines
1.0 KiB
Plaintext
71 lines
1.0 KiB
Plaintext
mixin corner-buttons
|
|
display flex
|
|
justify-content center
|
|
margin-bottom content-padding
|
|
z-index 1
|
|
position absolute
|
|
top content-padding
|
|
|
|
.corner-buttons
|
|
corner-buttons
|
|
right content-padding
|
|
|
|
.corner-buttons-left
|
|
corner-buttons
|
|
left content-padding
|
|
|
|
.corner-buttons,
|
|
.corner-buttons-hide-on-mobile
|
|
display flex
|
|
flex-flow row-reverse
|
|
position absolute
|
|
top content-padding
|
|
right content-padding
|
|
|
|
button,
|
|
.button
|
|
margin-left 0.5rem
|
|
position static
|
|
opacity 1
|
|
|
|
< 1300px
|
|
.corner-buttons-hide-on-mobile
|
|
flex-flow row
|
|
|
|
.button
|
|
position absolute
|
|
opacity 0
|
|
will-change opacity
|
|
|
|
:first-child
|
|
opacity 1
|
|
|
|
:hover
|
|
.button
|
|
opacity 1
|
|
|
|
:nth-child(2)
|
|
transform translateX(-100%)
|
|
|
|
:nth-child(3)
|
|
transform translateX(-200%)
|
|
|
|
:nth-child(4)
|
|
transform translateX(-300%)
|
|
|
|
:nth-child(5)
|
|
transform translateX(-400%)
|
|
|
|
:nth-child(6)
|
|
transform translateX(-500%)
|
|
|
|
< 600px
|
|
.corner-buttons-hide-on-mobile
|
|
display none
|
|
|
|
.corner-buttons
|
|
.icon
|
|
margin-right 0
|
|
|
|
span
|
|
display none |