Skip to content

Instantly share code, notes, and snippets.

@michaelkoper michaelkoper/gist:4772413
Last active Dec 12, 2015

What would you like to do?
Some handy media queries for mobile devices
@mixin mobile
@media (min-device-width: 320px) and (max-device-width: 568px)
@mixin mobile-portrait
@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation:portrait)
@mixin mobile-landscape
@media (min-device-width: 320px) and (max-device-width: 568px) and (orientation:landscape)
@mixin tablet
@media (min-device-width: 768px) and (max-device-width: 1024px)
@mixin tablet-portrait
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait)
@mixin tablet-landscape
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape)
@mixin min-width($res)
@media ( min-width: $res )
@mixin max-width($res)
@media ( max-width: $res )
@mixin portrait
@media (orientation:portrait)
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.