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

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

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

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

/* -------------------------------------------------------------------- *
 * Sprite image width and height
 */

.classic {
  width: sprite-image-width( "base", "classic" );
  height: sprite-image-height( "base", "classic" );
}

/* Getting dimensons from mixin */

.classic-2 {
  @include sprite-image-dimensions( "base", "classic" );
}

.indy {
  width: sprite-image-width( "base", "indy" );
  height: sprite-image-height( "base", "indy" );
}

/* Getting dimensons from mixin */

.indy-2 {
  @include sprite-image-dimensions( "base", "indy" );
}

/* -------------------------------------------------------------------- *
 * Retina sprite image width and height
 */

.classic {
  width: sprite-image-width( "base", "classic", $use-retina: true );
  height: sprite-image-height( "base", "classic", $use-retina: true );
}

/* Getting dimensons from mixin */

.classic-2 {
  @include sprite-image-dimensions( "base", "classic", $use-retina: true );
}

.indy {
  width: sprite-image-width( "base", "indy", $use-retina: true );
  height: sprite-image-height( "base", "indy", $use-retina: true );
}

/* Getting dimensons from mixin */

.indy-2 {
  @include sprite-image-dimensions( "base", "indy", $use-retina: true );
}

/* -------------------------------------------------------------------- *
 * Full sprite width / height
 */

.sprite {
  width: sprite-width( "base" );
  height: sprite-height( "base" );
}

/* -------------------------------------------------------------------- *
 * Full retina sprite width / height
 */

.sprite-retina {
  width: sprite-width( "base", $use-retina: true );
  height: sprite-height( "base", $use-retina: true );
}