@import "variable.scss"; | |
#playground { | |
height: auto; | |
display: flex; | |
flex-flow: column; | |
} | |
.playground-wrapper { | |
flex: 1; | |
max-width: 900px; | |
margin: 0 auto; | |
padding-top: 50px; | |
display: flex; | |
flex-direction: row; | |
align-items: center; | |
.left { | |
width: 320px; | |
padding: 20px; | |
float: left; | |
} | |
.qr-code { | |
display: block; | |
width: 200px; | |
} | |
.download { | |
display: flex; | |
flex-direction: column; | |
align-items: center; | |
} | |
.links { | |
width: 100%; | |
list-style: none; | |
margin: 0; | |
margin-top: 20px; | |
padding: 0; | |
display: flex; | |
flex-direction: row; | |
justify-content: space-around; | |
& > li { | |
display: inline-block; | |
} | |
.link { | |
display: inline-block; | |
text-align: center; | |
width: 110px; | |
height: 30px; | |
line-height: 30px; | |
border: 1px solid currentColor; | |
border-radius: 20px; | |
} | |
} | |
} |