Responsive Mixins

gistfile1.txt

@mixin respond-to($media) {
	  @if $media == small-mode {
	    @media only screen and (max-width: 420px) { @content }
	  }
	  @else if $media == medium-mode {
	    @media only screen and (max-width: 769px) { @content }
	  }
	  @else if $media == large-mode {
	    @media only screen and (max-width: 980px) { @content }
	  }
}