// ---------------------------------------------------------------------------
// Imports

@import "../../../sass/ezy/sprites";

// ---------------------------------------------------------------------------
// Create sprite

@include make-sprite(
  $name: "base",
  $folder: "test-retina",
  $folder-retina: "test-retina@2x"
);

// ---------------------------------------------------------------------------
// Use sprite

.classic {
  @include background-sprite( "base", "classic" );
  width: 152px;
  height: 135px;
}

.indy {
  @include background-sprite(
    $name: "base",
    $image: "indy"
  );
  width: 128px;
  height: 140px;
}

// ---------------------------------------------------------------------------
// Not using retina: this particular image doesn't exist as a retina asset

.alien {
  @include background-sprite(
    $name: "base",
    $image: "alien",
    $use-retina: false
  );
  width: 159px;
  height: 141px;
}