mixin__rwd.scss

// VARIABLES - Media Queries
$mobile__420: "only screen and (max-width: 420px)";
$tablet__860: "only screen and (min-width: 860px)";
$desktop__1200: "only screen and (min-width: 1200px)";
$high-screen__1440: "only screen and (min-width: 1440px)";

// MIXIN RWD
@mixin for-size($size) {
	@if $size == mobile {
		@media #{$mobile__420} { 
			@content; 
		}
	}
	@else if $size == tablet {
	  	@media #{$tablet__860} { 
	  		@content; 
	  	}
	} 
	@else if $size == desktop {
		@media #{$desktop__1200} { 
			@content; 
		}
	}
	@else if $size == high-screen {
		@media #{$high-screen__1440} { 
			@content; 
		}
	}
}