Skip to content

Instantly share code, notes, and snippets.

@nessthehero
Created August 14, 2014 12:51
Show Gist options
  • Save nessthehero/46f88a0ec48556149e48 to your computer and use it in GitHub Desktop.
Save nessthehero/46f88a0ec48556149e48 to your computer and use it in GitHub Desktop.
Breakpoint Mixin
@mixin bp($point, $mode: "min") {
@if $point == small {
@media only screen and (#{$mode}-width: 420px) { @content; }
}
@if $point == medium {
@media only screen and (#{$mode}-width: 768px) { @content; }
}
@if $point == medium2 {
@media only screen and (#{$mode}-width: 860px) { @content; }
}
@if $point == large {
@media only screen and (#{$mode}-width: 1024px) { @content; }
}
@if $point == print {
@media only print { @content; }
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment