Mixin with Fallback CSS for No Media Queries Support

breakpoint-mixin-fallback.scss

$supported: true !default; // this makes this stylesheet output media queries from our mixin

@mixin breakpoint($screenWidth: 400px, $support: $supported) {
	@if $support == true {
		// output the mixin content inside of a media query
	  	@media screen and (min-width: $screenWidth) { @content; }
	}
	@else {
		// output ALL the style content inside the mixin, without a media query
		@content;
	}
}