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

// =============================================================================
// :: Settings
// =============================================================================
$step: 1rem;
$amount: 12;

// =============================================================================
// :: Padding - none
// =============================================================================
.u-padding-top-none {
	padding-top: 0 !important;
}

/* .u-padding-right-none {
	padding-right: 0 !important;
} */

/* .u-padding-bottom-none {
	padding-bottom: 0 !important;
} */

/* .u-padding-left-none {
	padding-left: 0 !important;
} */

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

	.u-padding-top-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			padding-top: 0 !important;
		}
	}

	.u-padding-right-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			padding-right: 0 !important;
		}
	}

	.u-padding-bottom-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			padding-bottom: 0 !important;
		}
	}

	.u-padding-left-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			padding-left: 0 !important;
		}
	}
} */

// =============================================================================
// :: Padding - top
// =============================================================================
@for $i from 1 through $amount {

	.u-padding-top-#{$i}x {
		padding-top: $i * $step !important;
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-padding-top-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				padding-top: $i * $step !important;
			}
		}
	}
}

// =============================================================================
// :: Padding - right
// =============================================================================
/* @for $i from 1 through $amount {

	.u-padding-right-#{$i}x {
		padding-right: $i * $step !important;
	}
} */

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-padding-right-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				padding-right: $i * $step !important;
			}
		}
	}
}

// =============================================================================
// :: Padding - bottom
// =============================================================================
/* @for $i from 1 through $amount {

	.u-padding-bottom-#{$i}x {
		padding-bottom: $i * $step !important;
	}
} */

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

	@for $i from 1 through $amount {

		.u-padding-bottom-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				padding-bottom: $i * $step !important;
			}
		}
	}
} */

// =============================================================================
// :: Padding - left
// =============================================================================
/* @for $i from 1 through $amount {

	.u-padding-left-#{$i}x {
		padding-left: $i * $step !important;
	}
} */

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-padding-left-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				padding-left: $i * $step !important;
			}
		}
	}
}

// =============================================================================
// :: Margin - none
// =============================================================================
.u-margin-top-none {
	margin-top: 0 !important;
}

/* .u-margin-right-none {
	margin-right: 0 !important;
} */

.u-margin-bottom-none {
	margin-bottom: 0 !important;
}

/* .u-margin-left-none {
	margin-left: 0 !important;
} */

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

	.u-margin-top-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			margin-top: 0 !important;
		}
	}

	.u-margin-right-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			margin-right: 0 !important;
		}
	}

	.u-margin-bottom-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			margin-bottom: 0 !important;
		}
	}

	.u-margin-left-none\@#{$breakpoint} {

		@include respond-at(get-breakpoint($breakpoint)) {
			margin-left: 0 !important;
		}
	}
} */

// =============================================================================
// :: Margin - top
// =============================================================================
@for $i from 1 through $amount {

	.u-margin-top-#{$i}x {
		margin-top: $i * $step !important;
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-margin-top-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				margin-top: $i * $step !important;
			}
		}
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-margin-top-#{$i}x\@below-#{$breakpoint} {

			@include respond-to(get-breakpoint($breakpoint)) {
				margin-top: $i * $step !important;
			}
		}
	}
}

// =============================================================================
// :: Margin - right
// =============================================================================
/* @for $i from 1 through $amount {

	.u-margin-right-#{$i}x {
		margin-right: $i * $step !important;
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-margin-right-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				margin-right: $i * $step !important;
			}
		}
	}
} */

// =============================================================================
// :: Margin - bottom
// =============================================================================
@for $i from 1 through $amount {

	.u-margin-bottom-#{$i}x {
		margin-bottom: $i * $step !important;
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-margin-bottom-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				margin-bottom: $i * $step !important;
			}
		}
	}
}

// =============================================================================
// :: Margin - left
// =============================================================================
/* @for $i from 1 through $amount {

	.u-margin-left-#{$i}x {
		margin-left: $i * $step !important;
	}
}

@each $breakpoint, $params in $breakpoints {

	@for $i from 1 through $amount {

		.u-margin-left-#{$i}x\@#{$breakpoint} {

			@include respond-at(get-breakpoint($breakpoint)) {
				margin-left: $i * $step !important;
			}
		}
	}
} */