Would be nice, if this would be possible

sass-media-queries-with-variables.scss

$mobile-max-width: 767px;
$mobile: only screen and (max-width: $mobile-max-width);
$mobile-wide: only screen and (min-width: 480px) and (max-width: $mobile-max-width);
$retina: (min-device-pixel-ratio: 2);

@media $mobile {
  #some-rules {
    background: red;
  }
}

#something {
  width: 100px;
  @media $mobile {
    width: 50px;
  }
  @media $mobile-width {
    width: 80px;
  }
  @media $mobile and $retina {
    background: url("high-resolution.png");
  }
}