2018-11-22 13:36:04 +09:00

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