@import "../../../style/utils";
.xm-flexbox {
	display: flex;
	&-direction {
		&-row {
			flex-direction: row;
		}
		&-row-reverse {
			flex-direction: row-reverse;
		}
		&-column {
			flex-direction: column;
		}
		&-column-reverse {
			flex-direction: column-reverse;
		}
	}
	&-wrap {
		&-nowrap {
			flex-wrap: nowrap;
		}
		&-wrap {
			flex-wrap: wrap;
		}
		&-wrap-reverse {
			flex-wrap: wrap-reverse;
		}
	}
	&-justify {
		&-start {
			justify-content: flex-start;
		}
		&-end {
			justify-content: flex-end;
		}
		&-center {
			justify-content: center;
		}
		&-between {
			justify-content: space-between;
		}
		&-around {
			justify-content: space-around;
		}
	}
	&-align {
		&-start {
			align-items: flex-start;
		}
		&-end {
			align-items: flex-end;
		}
		&-center {
			align-items: center;
		}
		&-stretch {
			align-items: stretch;
		}
		&-baseline {
			align-items: baseline;
		}
	}
	&-line {
		+ .xm-flexbox {
			border-top: $border-light;
		}
	}
}
.xm-flexitem {
	flex: 1;
	&-line {
		+ .xm-flexitem {
			border-left: $border-light;
		}
	}
}