Media Queries SASS
$s: 28em;
$m: 37em;
$m-plus: 45em;
$l: 62em;
$xl: 90em;
@mixin bp($point) {
@if $point == s {
@media (min-width: $s) { @content; }
}
@else if $point == m {
@media (min-width: $m) { @content; }
}
@else if $point == m-plus {
@media (min-width: $m-plus) { @content; }
}
@else if $point == l {
@media (min-width: $l) { @content; }
}
@else if $point == xl {
@media (min-width: $xl) { @content; }
}
}