/* Usefull - Display Align */
////
/// @group UsefullClasses-Display_Align
/// Usefull - Display Align

///
.align {
	&-items {
		&-flex-start {
			align-items: flex-start;
		}

		&-flex-end {
			align-items: flex-end;
		}

		&-center {
			align-items: center;
		}

		&-stretch {
			align-items: stretch;
		}

		&-baseline {
			align-items: baseline;
		}

		&-initial {
			align-items: initial;
		}
	}
	&-self {
		&-flex-start {
			align-self: flex-start;
		}

		&-flex-end {
			align-self: flex-end;
		}

		&-center {
			align-self: center;
		}

		&-stretch {
			align-self: stretch;
		}

		&-baseline {
			align-self: baseline;
		}
	}

	&-content {
		&-flex-start {
			align-content: flex-start;
		}

		&-flex-end {
			align-content: flex-end;
		}

		&-center {
			align-content: center;
		}

		&-space-between {
			align-content: space-between;
		}

		&-space-around {
			align-content: space-around;
		}

		&-space-evenly {
			align-content: space-evenly;
		}

		&-stretch {
			align-content: stretch;
		}

		&-baseline {
			align-content: baseline;
		}
	}
}

///
.top {
	&-left {
		align-items: flex-start;
		justify-content: flex-start;
	}

	&-center {
		align-items: flex-start;
		justify-content: center;
	}

	&-right {
		align-items: flex-start;
		justify-content: flex-end;
	}
}

///
.center {
	align-items: center;
	justify-content: center;

	&-left {
		align-items: center;
		justify-content: flex-start;
	}

	&-right {
		align-items: center;
		justify-content: flex-end;
	}
}

///
.bottom {
	&-left {
		align-items: flex-end;
		justify-content: flex-start;
	}

	&-center {
		align-items: flex-end;
		justify-content: center;
	}

	&-right {
		align-items: flex-end;
		justify-content: flex-end;
	}
}