/**
 * Utilities classes
 */

@import "functions";

$sets: ("t": "top","r": "right","b": "bottom","l": "left");
@each $set, $prop in $sets {
	@for $i from 0 through 20 {
		$i:$i*10;
		.m#{$set}-#{$i} {
			margin-#{$prop}: to_rem($i) !important;
		}
		.p#{$set}-#{$i} {
			padding-#{$prop}: to_rem($i) !important;
		}
	}
}

@for $i from 0 through 20 {
	$i:$i*10;
	.mx-#{$i} {
		margin-top: to_rem($i) !important;
		margin-bottom: to_rem($i) !important;
	}
	.my-#{$i} {
		margin-left: to_rem($i) !important;
		margin-right: to_rem($i) !important;
	}
	.px-#{$i} {
		padding-top: to_rem($i) !important;
		padding-bottom: to_rem($i) !important;
	}
	.py-#{$i} {
		padding-left: to_rem($i) !important;
		padding-right: to_rem($i) !important;
	}
}

// End of file utilities.scss