// Flex layout mixins
// scss-lint:disable VendorPrefix
@mixin flex($direction: row, $wrap: nowrap, $justify: flex-start, $align-items: stretch, $align-content: stretch) {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: $direction;
	-webkit-flex-wrap: $wrap;
	-webkit-justify-content: $justify;
	-webkit-align-items: $align-items;
	-webkit-align-content: $align-content;
	flex-direction: $direction;
	flex-wrap: $wrap;
	justify-content: $justify;
	align-items: $align-items;
	align-content: $align-content;
}

@mixin flex-align-items($where: flex-start) {
	-webkit-align-items: $where;
	align-items: $where;
}

@mixin flex-align-self($align) {
	-webkit-align-self: $align;
	align-self: $align;
}

@mixin flex-grow($int: 0) {
	-webkit-flex-grow: $int;
	flex-grow: $int;
}

@mixin flex-justify-content($where: flex-start) {
	-webkit-justify-content: $where;
	justify-content: $where;
}

@mixin flex-shrink($int: 1) {
	-webkit-flex-shrink: $int;
	flex-shrink: $int;
}

@mixin flex-direction($direction) {
	-webkit-flex-direction: $direction;
	flex-direction: $direction;
}
