/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Align - left
// =============================================================================
// .u-align-left {
// 	display: flex !important;
// 	justify-content: flex-start !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-left\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: flex-start !important;
// 		}
// 	}

// 	.u-align-left\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: flex-start !important;
// 		}
// 	}
// }

// =============================================================================
// :: Align - right
// =============================================================================
// .u-align-right {
// 	display: flex !important;
// 	justify-content: flex-end !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-right\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: flex-end !important;
// 		}
// 	}

// 	.u-align-right\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: flex-end !important;
// 		}
// 	}
// }

// =============================================================================
// :: Align - center
// =============================================================================
// .u-align-center {
// 	display: flex !important;
// 	justify-content: center !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-center\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: center !important;
// 		}
// 	}

// 	.u-align-center\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			justify-content: center !important;
// 		}
// 	}
// }

// =============================================================================
// :: Align - top
// =============================================================================
// .u-align-top {
// 	display: flex !important;
// 	align-items: flex-start !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-top\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: flex-start !important;
// 		}
// 	}

// 	.u-align-top\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: flex-start !important;
// 		}
// 	}
// }

// =============================================================================
// :: Align - bottom
// =============================================================================
// .u-align-bottom {
// 	display: flex !important;
// 	align-items: flex-end !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-bottom\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: flex-end !important;
// 		}
// 	}

// 	.u-align-bottom\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: flex-end !important;
// 		}
// 	}
// }

// =============================================================================
// :: Align - middle
// =============================================================================
// .u-align-middle {
// 	display: flex !important;
// 	align-items: center !important;
// }

// @each $breakpoint, $params in $breakpoints {

// 	.u-align-middle\@above-#{$breakpoint} {

// 		@include respond-at(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: center !important;
// 		}
// 	}

// 	.u-align-middle\@below-#{$breakpoint} {

// 		@include respond-to(get-breakpoint($breakpoint)) {
// 			display: flex !important;
// 			align-items: center !important;
// 		}
// 	}
// }