Skip to content

Instantly share code, notes, and snippets.

@vernalkick

vernalkick/media-ipad

Created September 10, 2014 14:24
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 vernalkick/28ecde774151311bdcd8 to your computer and use it in GitHub Desktop.
Save vernalkick/28ecde774151311bdcd8 to your computer and use it in GitHub Desktop.
Download ZIP
Media query to target the iPad at a specific orientation
Raw
media-ipad
@mixin media-ipad($orientation: false) {
@include not-legacy {
$orientation-media-declaration: if($orientation, "and (orientation: #{$orientation})");
$media-query: "only screen and (min-device-width: 768px) and (max-device-width: 1024px) #{$orientation-media-declaration}";
@media #{$media-query} {
@content;
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment