Skip to content

Instantly share code, notes, and snippets.

@swrobel

swrobel/responsive-mixin.scss

Last active December 16, 2015 07:39
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save swrobel/5400259 to your computer and use it in GitHub Desktop.
Save swrobel/5400259 to your computer and use it in GitHub Desktop.
Download ZIP
respond-to mixin
Raw
responsive-mixin.scss
$phone: '(max-width: 480px)';
$tablet-portrait: '(max-width: 767px)';
$tablet-landscape-desktop: '(min-width: 768px) and (max-width: 979px)';
$large-desktop: '(min-width: 1200px)';
$non-retina: 'screen and (-webkit-max-device-pixel-ratio: 1)';
$retina: 'screen and (-webkit-min-device-pixel-ratio: 2)';
@mixin respond-to($media) {
@media #{$media} {
@content;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment