Skip to content

Instantly share code, notes, and snippets.

@vic3256
Created June 17, 2014 18:20
Show Gist options
  • Select an option

  • Save vic3256/bbb21852aa8a615af58a to your computer and use it in GitHub Desktop.

Select an option

Save vic3256/bbb21852aa8a615af58a to your computer and use it in GitHub Desktop.
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; }
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment