30 lines
579 B
Sass
30 lines
579 B
Sass
|
.switchGrid
|
||
|
|
display: grid
|
||
|
|
grid-template-columns: auto auto
|
||
|
|
justify-content: space-evenly
|
||
|
|
align-items: center
|
||
|
|
|
||
|
|
@media only screen and (max-width: 680px)
|
||
|
|
grid-template-columns: auto
|
||
|
|
|
||
|
|
.switchColumnGrid
|
||
|
|
@extend .switchGrid
|
||
|
|
align-items: start
|
||
|
|
|
||
|
|
.switchColumn
|
||
|
|
display: flex
|
||
|
|
flex-direction: column
|
||
|
|
justify-items: start
|
||
|
|
|
||
|
|
.card
|
||
|
|
width: 85%
|
||
|
|
margin: 0 auto
|
||
|
|
margin-bottom: 10px
|
||
|
|
|
||
|
|
@media only screen and (max-width: 680px)
|
||
|
|
width: 90%
|
||
|
|
|
||
|
|
@media only screen and (max-width: 460px)
|
||
|
|
.generalSettingsFlexBox, .playerSettingsFlexBox
|
||
|
|
justify-content: flex-start
|