// VARIABLES
@mixin flex() {
	display: flex;
}
@mixin inline-flex() {
	display: inline-flex;
}
@mixin order($val) {
	order: $val;
}
@mixin flex-grow($val) {
	flex-grow: $val;
}
@mixin flex-basis($val) {
	flex-basis: $val;
}
@mixin flex-column() {
	flex-direction: column;
}
@mixin flex-column-reverse() {
	flex-direction: column-reverse;
}
@mixin flex-row() {
	flex-direction: row;
}
@mixin flex-row-reverse() {
	flex-direction: row-reverse;
}
@mixin justify-content-center() {
	justify-content: center;
}
@mixin space-between() {
	justify-content: space-between;
}
@mixin justify-content-start() {
	justify-content: flex-start;
}
@mixin justify-content-end() {
	justify-content: flex-end;
}
@mixin align-items-center() {
	align-items: center;
}
@mixin align-items-start() {
	align-items: flex-start;
}
@mixin align-content-center() {
	align-content: center;
}
@mixin align-items-top() {
	align-items: flex-start;
}
@mixin align-items-baseline() {
	align-items: baseline;
}
@mixin align-items-bottom() {
	align-items: flex-end;
}
@mixin flex-wrap() {
	flex-wrap: wrap;
}