Breakpoint Mixin

_mixin.scss

@mixin bp($point, $mode: "min") {

	@if $point == small {
		@media only screen and (#{$mode}-width: 420px) { @content; }
	}

	@if $point == medium {
		@media only screen and (#{$mode}-width: 768px) { @content; }
	}

	@if $point == medium2 {
		@media only screen and (#{$mode}-width: 860px) { @content; }
	}

	@if $point == large {
		@media only screen and (#{$mode}-width: 1024px) { @content; }
	}

	@if $point == print {
		@media only print { @content; }
	}

}