@mixin media-mobile {
@media only screen and (max-width : $size-tablet) { @content; }
}
@mixin media-tablet {
@media only screen and (max-width : $size-desktop) { @content; }
}
@mixin media-desktop {
@media only screen and (min-width : $size-desktop+1) { @content; }
}
@mixin media-hidpi {
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { @content; }
}