//------------------------------------------------------------------------------------------------
// ALIGNMENTS
//------------------------------------------------------------------------------------------------

/*
Utility classes for easily aligning elements and text
*/

.u-align-left {
	text-align: left !important;
}

.u-align-center {
	text-align: center !important;
}

.u-align-right {
	text-align: right !important;
}

// Changes alignment when breakpoint is hit
// Example: .u-align-left@md
@each $bp-name, $bp-value in $mq-breakpoints {
	@include mq(#{$bp-name}) {
		.u-align-left\@#{$bp-name} {
			text-align: left !important;
		}

		.u-align-center\@#{$bp-name} {
			text-align: center !important;
		}

		.u-align-right\@#{$bp-name} {
			text-align: right !important;
		}
	}
}