//------------------------------------------------------------------------------------------------
// NUDGES
//------------------------------------------------------------------------------------------------

$nudges: (
	'1': 1px,
	'2': 2px,
	'3': 3px,
	'4': 4px,
	'5': 5px
) !default;

@each $sp-name, $sp-value in $nudges {
	.u-nudge-top-#{$sp-name} {
		position: relative !important;
		top: rem($sp-value) !important;
	}
	.u-nudge-bottom-#{$sp-name} {
		position: relative !important;
		bottom: rem($sp-value) !important;
	}
}