.m {

	@include utilities($spacing, "margin", "-");
}

.mt {

	@include utilities($spacing, "margin-top", "-");
}

.mb {

	@include utilities($spacing, "margin-bottom", "-");
}

.mr {

	@include utilities($spacing, "margin-right", "-");
}

.ml {

	@include utilities($spacing, "margin-left", "-");
}

// 600px +
@include break-small() {

	.sm\:mt {

		@include utilities($spacing, "margin-top", "-");
	}

	.sm\:mb {

		@include utilities($spacing, "margin-bottom", "-");
	}

	.sm\:mr {

		@include utilities($spacing, "margin-right", "-");
	}

	.sm\:ml {

		@include utilities($spacing, "margin-left", "-");
	}
}

// 782px+
@include break-medium() {

	.md\:mt {

		@include utilities($spacing, "margin-top", "-");
	}

	.md\:mb {

		@include utilities($spacing, "margin-bottom", "-");
	}

	.md\:mr {

		@include utilities($spacing, "margin-right", "-");
	}

	.md\:ml {

		@include utilities($spacing, "margin-left", "-");
	}
}

// 1280px+
@include break-wide() {

	.lg\:mt {

		@include utilities($spacing, "margin-top", "-");
	}

	.lg\:mb {

		@include utilities($spacing, "margin-bottom", "-");
	}

	.lg\:mr {

		@include utilities($spacing, "margin-right", "-");
	}

	.lg\:ml {

		@include utilities($spacing, "margin-left", "-");
	}
}
