scss-library/components/01_Layouts/alignment/_alignment.scss

@mixin RV-Alignment--top {
	display: grid;
	align-content: start;
}

@mixin RV-Alignment--bottom {
	display: grid;
	align-content: end;
}

@mixin RV-Alignment--left {
	display: grid;
	justify-content: start;
}

@mixin RV-Alignment--right {
	display: grid;
	justify-content: end;
}

@mixin RV-Alignment--horizontalCenter {
	display: grid;
	justify-content: center;
}

@mixin RV-Alignment--verticalCenter {
	display: grid;
	align-content: center;
}

@mixin RV-Alignment--center {
	@include RV-Alignment--horizontalCenter;
	@include RV-Alignment--verticalCenter;
}

@mixin RV-Alignment__Container {
	display: grid;

	&--top {
		@include RV-Alignment--top;
	}

	&--bottom {
		@include RV-Alignment--bottom;
	}

	&--left {
		@include RV-Alignment--left;
	}

	&--right {
		@include RV-Alignment--right;
	}

	&--horizontalCenter {
		@include RV-Alignment--horizontalCenter;
	}

	&--verticalCenter {
		@include RV-Alignment--verticalCenter;
	}

	&--center {
		@include RV-Alignment--center;
	}
}

@mixin RV-Alignment {
	&__Container {
		@include RV-FlexRow__Container;
	}
}

.RV-Alignment {
	@include RV-Alignment;
}