scss mixin test

_mediaquery.scss

$size-sm: 544px;
$size-md: 768px;
$size-lg: 992px;
$size-xl: 1200px;

@mixin sm {
	@media (min-width: $size-sm) {
		@content;
	}
}

@mixin md {
	@media (min-width: $size-md) {
		@content;
	}
}

@mixin lg {
	@media (min-width: $size-lg) {
		@content;
	}
}

@mixin xl {
	@media (min-width: $size-xl) {
		@content;
	}
}

.container {
	margin: 0 auto;

	@include sm {
		max-width: 576px;
	}
	@include md {
		max-width: 720px;
	}
	@include lg {
		max-width: 940px;
	}
	@include xl {
		max-width: 1140px;
	}
}