2016-04-21 18:13:21 -04:00
|
|
|
@import "../../frameless";
|
2016-04-21 16:21:22 -04:00
|
|
|
|
|
|
|
.flex-row {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-around;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
&.column {
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
|
2016-06-23 07:27:43 -04:00
|
|
|
&.uneven {
|
|
|
|
align-items: flex-start;
|
|
|
|
|
|
|
|
.short {
|
|
|
|
width: $cols3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.long {
|
|
|
|
width: $cols8;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-10-16 13:28:41 -04:00
|
|
|
@media #{$medium-and-smaller} {
|
2016-04-21 16:21:22 -04:00
|
|
|
flex-direction: column;
|
2016-06-23 07:27:43 -04:00
|
|
|
|
|
|
|
&.uneven {
|
|
|
|
.short,
|
|
|
|
.long {
|
|
|
|
margin: auto;
|
|
|
|
width: 90%;
|
|
|
|
}
|
|
|
|
}
|
2016-04-21 16:21:22 -04:00
|
|
|
}
|
|
|
|
}
|