Skip to content

Instantly share code, notes, and snippets.

@gssxgss
Created May 19, 2014 11:08
Show Gist options
  • Save gssxgss/a0d88975b5f38fc456ba to your computer and use it in GitHub Desktop.
Save gssxgss/a0d88975b5f38fc456ba to your computer and use it in GitHub Desktop.
media query mixin
// media query break point
// if 1em == 16px then 40em == 640px
=media($point)
@if $point == "mobile"
@media (max-width: 40em)
@content
@else if $point == "mobile2x"
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx)
@content
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment