Mixin for most common breakpoints

breakpoints mixin

@mixin breakpoint($point) {
	@if $point == 480 {
		@media (min-width: 30em) { // 480px
			@content;
		}
	}
	@else if $point == 640 {
		@media (min-width: 40em) { // 640px
			@content;
		}
	}
	@else if $point == 720 {
		@media (min-width: 45em) { // 720px
			@content;
		}
	}
	@else if $point == 768 {
		@media (min-width: 48em) { // 768px
			@content;
		}
	}
	@else if $point == 800 {
		@media (min-width: 50em) { // 800px
			@content;
		}
	}
	@else if $point == 960 {
		@media (min-width: 60em) { // 960px
			@content; 
		}
	}
	@else if $point == 1024 {
		@media (min-width: 64em)  { // 1024px
			@content; 
		}
	}
	@else if $point == 1080 {
		@media (min-width: 67.5em)  { // 1080px
			@content; 
		}
	}
	@else if $point == 1200 {
		@media (min-width: 75em)  { // 1200px
			@content; 
		}
	}
	@else if $point == 1280 {
		@media (min-width: 80em)  { // 1280px
			@content; 
		}
	}
	@else if $point == 1360 {
		@media (min-width: 85em)  { // 1360px
			@content; 
		}
	}
	@else if $point == 1680 {
		@media (min-width: 105em)  { // 1680px
			@content; 
		}
	}
	@else if $point == 1824 {
		@media (min-width: 114em)  { // 1824px
			@content; 
		}
	}
}