mirror of
https://github.com/scratchfoundation/scratch-www.git
synced 2024-12-13 09:11:19 -05:00
39 lines
665 B
SCSS
39 lines
665 B
SCSS
@import "../../frameless";
|
|
|
|
.flex-row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
|
|
&.column {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
&.uneven {
|
|
align-items: flex-start;
|
|
|
|
.short {
|
|
width: $cols3;
|
|
}
|
|
|
|
.long {
|
|
width: $cols8;
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
@media #{$medium-and-smaller} {
|
|
flex-direction: column;
|
|
|
|
&.uneven {
|
|
.short,
|
|
.long {
|
|
margin: auto;
|
|
width: 90%;
|
|
}
|
|
}
|
|
}
|
|
}
|