Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
breakpoint shorthands. see http://css-tricks.com/naming-media-queries/
/* shorthand for breakpoints. names as proposed by chris coyier (css-tricks) */
@mixin breakpoint($point) {
@if $point == papa-bear {
@media (min-width: 980px) {
@content;
}
} @else if $point == mama-bear {
@media (max-width: 979px) {
@content;
}
} @else if $point == mama-bear-only {
@media (min-width: 768px) and (max-width: 979px) {
@content;
}
} @else if $point == baby-bear {
@media (max-width: 767px) {
@content;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.