Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@jsonberry
Created May 16, 2017 04:22
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jsonberry/0ea99782229227783628ddd4f1b6feeb to your computer and use it in GitHub Desktop.
Save jsonberry/0ea99782229227783628ddd4f1b6feeb to your computer and use it in GitHub Desktop.
Breakpoint mixin
=breakpoint($size)
@if $size == phone-only
@media (max-width: 599px)
@content
@else if $size == tablet-portrait-up
@media (min-width: 600px)
@content
@else if $size == tablet-landscape-up
@media (min-width: 900px)
@content
@else if $size == desktop-up
@media (min-width: 1200px)
@content
@else if $size == big-desktop-up
@media (min-width: 1800px)
@content
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment