Media Queries SASS

gistfile1.txt

$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; }
  }
}