vic3256
6/17/2014 - 6:20 PM

Media Queries SASS

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