mixin: mediaqueries

mixin_media-queries.scss

@mixin mq($keyword) {
	@if $keyword == small {
		@media (max-width: 420px) { @content; }
	}
	@if $keyword == medium {
		@media (max-width: 768px) { @content; }
	}
	@if $keyword == desktop {
		@media (max-width: 1100px) { @content; }
	}
	@if $keyword == large {
		@media (min-width: 1400px) { @content; }
	}
}