@use "variables";

@mixin res($media) {

	@if $media == small {

		@media screen and (min-width: variables.$small) {

			@content;
		}
	} @else if $media == tablet {

		@media screen and (min-width: variables.$tablet) {

			@content;
		}
	} @else if $media == desktop {

		@media screen and (min-width: variables.$desktop) {

			@content;
		}
	} @else if $media == large {

		@media screen and (min-width: variables.$large) {

			@content;
		}
	} @else if $media == xlarge {

		@media screen and (min-width: variables.$xlarge) {

			@content;
		}
	}
}