sass breakpoint mixin for media queries

_mixins.scss

// Mixins
// http://css-tricks.com/media-queries-sass-3-2-and-codekit/
@mixin breakpoint($point) {
	@if $point == lg {
		@media (min-width: 1200px) { @content; }
	}
	@else if $point == md {
		@media (min-width: 992px) { @content; }
	}
	@else if $point == sm {
		@media (min-width: 768px)  { @content; }
	}
}

// http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
@mixin orientation($position) {
	@if $position == landscape {
		@media only screen and (orientation : landscape) { @content; }
	}
	@else if $position == portrait {
		@media only screen and (orientation : portrait) { @content; }
	}
}