Media queries para SASS

media-queries.scss

@mixin print {
	@media only print {
		@content;
	}
}

@mixin no-print {
	@media only print {
		display: none !important;
	}
}
 
@mixin xs {
	@media screen and (max-width : 767px) {
		& {@content;}
	}
}
 
@mixin sm {
	@media screen and (min-width : 768px) and (max-width : 991px) {
		& {@content;}
	}
}
 
@mixin md {
	@media screen and (min-width : 992px) and (max-width : 1199px) {
		& {@content;}
	}
}
 
@mixin lg {
	@media screen and (min-width : 1200px) {
		& {@content;}
	}
}