responsive-mixin.scss

// Media query mixins
@mixin r( $point ) {
	@if $point=='small'  { 
		@media ( max-width: 576px ) {
			@content;
		}
	}
	@if $point==576 or $point=='mobile' {
		@media ( min-width: 576px ) {
			@content;
		}
	}
	@if $point==768 or $point=='tablet' {
		@media ( min-width: 768px ) {
			@content;
		}
	}
	@if $point==992 or $point=='desktop'{
		@media ( min-width: 992px ) {
			@content;
		}
	}
	@if $point==1200 or $point=='large'{
		@media ( min-width: 1200px ) {
			@content;
		}
	}
	@if $point==1600 or $point=='xlarge'{
		@media ( min-width: 1600px ) {
			@content;
		}
	}
}