responsive.io - sass sprites example

gistfile1.scss

$image-url: "http://mydomain.com/sprite@2x.png"

%sprite {
  background: url("http://src.responsive.io/w=200/#{$image-url}") no-repeat 0 0;
}
.success {
  @extend %sprite;
  background-position: 0 0;
}
.infinity {
  @extend %sprite;
  background-position: -100px 0;
}
.shopping-bag {
  @extend %sprite;
  background-position: 0 -100px;
}
.map {
  @extend %sprite;
  background-position: -100px -100px;
}

@include if-min-resolution(1.5) {
  .success,
  .infinity,
  .shopping-bag,
  .map {
    background-image: url("http://src.responsive.io/w=400/#{$image-url}");
    background-size: 200px 200px;
  }
}