Improved corner buttons layout
This commit is contained in:
parent
b8c9f9e9eb
commit
daabaa3bd3
@ -14,12 +14,24 @@ mixin corner-buttons
|
||||
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
|
||||
|
||||
< 1200px
|
||||
.corner-buttons-hide-on-mobile
|
||||
flex-flow row
|
||||
|
||||
.button
|
||||
position absolute
|
||||
opacity 0
|
||||
@ -44,12 +56,6 @@ mixin corner-buttons
|
||||
:nth-child(5)
|
||||
transform translateX(-400%)
|
||||
|
||||
.corner-buttons,
|
||||
.corner-buttons-hide-on-mobile
|
||||
button,
|
||||
.button
|
||||
margin-left 0.5rem
|
||||
|
||||
< 600px
|
||||
.corner-buttons-hide-on-mobile
|
||||
display none
|
||||
|
Loading…
Reference in New Issue
Block a user