SCSS Grid Mixins

@mixin one-column {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
		@include omega(1n);
	}
	@include media($medium-screen) {
		@include span-columns(1);
		@include omega(4n);
	}
	@include media($large-screen) {
		@include span-columns(1.333);
		@include omega(6n);
	}
	@include media($xl-screen) {
		@include span-columns(1);
		@include omega(12n);
	}
}

@mixin one-quarter {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
		@include omega(1n);
	}
	@include media($medium-screen) {
		@include span-columns(2);
		@include omega(2n);
	}
	@include media($large-screen) {
		@include span-columns(2);
		@include omega(4n);
	}
	@include media($xl-screen) {
		@include span-columns(3);
		@include omega(4n);
	}
}


@mixin one-quarter-nom {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
	}
	@include media($medium-screen) {
		@include span-columns(2);
	}
	@include media($large-screen) {
		@include span-columns(2);
	}
	@include media($xl-screen) {
		@include span-columns(3);
	}
}

@mixin one-third {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
		@include omega(1n);
	}
	@include media($medium-screen) {
		@include span-columns(4);
		@include omega(1n);
	}
	@include media($large-screen) {
		@include span-columns(2.66);
		@include omega(3n);
	}
	@include media($xl-screen) {
		@include span-columns(4);
		@include omega(3n);
	}
}

@mixin one-third-nom {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
	}
	@include media($medium-screen) {
		@include span-columns(4);
	}
	@include media($large-screen) {
		@include span-columns(2.66);
	}
	@include media($xl-screen) {
		@include span-columns(4);
	}
}

@mixin two-thirds-nom {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
	}
	@include media($medium-screen) {
		@include span-columns(4);
	}
	@include media($large-screen) {
		@include span-columns(5.33);
	}
	@include media($xl-screen) {
		@include span-columns(8);
	}
}

@mixin one-half {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
		@include omega(1n);
	}
	@include media($medium-screen) {
		@include span-columns(4);
		@include omega(1n);
	}
	@include media($large-screen) {
		@include span-columns(4);
		@include omega(2n);
	}
	@include media($xl-screen) {
		@include span-columns(6);
		@include omega(2n);
	}
}
@mixin one-half-nom {
	margin-bottom:1em;

	@include media($small-screen) {
		@include span-columns(2);
	}
	@include media($medium-screen) {
		@include span-columns(4);
	}
	@include media($large-screen) {
		@include span-columns(4);
	}
	@include media($xl-screen) {
		@include span-columns(6);
	}
}