/*
  SASS variables are information about icon's compiled state, stored under its original file name

  .icon-home
    width: $icon-home-width

  The large array-like variables contain all information about a single icon
  $icon-home: x y offset_x offset_y width height total_width total_height image_path

  At the bottom of this section, we provide information about the spritesheet itself
  $spritesheet: width height image $spritesheet-sprites
  */
$al-brand150-audi-name: 'al-brand150-audi'
$al-brand150-audi-x: 150px
$al-brand150-audi-y: 0px
$al-brand150-audi-offset-x: -150px
$al-brand150-audi-offset-y: 0px
$al-brand150-audi-width: 150px
$al-brand150-audi-height: 150px
$al-brand150-audi-total-width: 750px
$al-brand150-audi-total-height: 750px
$al-brand150-audi-image: '../images/brands150_sprite.png'
$al-brand150-audi: (150px, 0px, -150px, 0px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-audi', )
$al-brand150-chrysler-name: 'al-brand150-chrysler'
$al-brand150-chrysler-x: 450px
$al-brand150-chrysler-y: 150px
$al-brand150-chrysler-offset-x: -450px
$al-brand150-chrysler-offset-y: -150px
$al-brand150-chrysler-width: 150px
$al-brand150-chrysler-height: 150px
$al-brand150-chrysler-total-width: 750px
$al-brand150-chrysler-total-height: 750px
$al-brand150-chrysler-image: '../images/brands150_sprite.png'
$al-brand150-chrysler: (450px, 150px, -450px, -150px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-chrysler', )
$al-brand150-dodge-name: 'al-brand150-dodge'
$al-brand150-dodge-x: 0px
$al-brand150-dodge-y: 150px
$al-brand150-dodge-offset-x: 0px
$al-brand150-dodge-offset-y: -150px
$al-brand150-dodge-width: 150px
$al-brand150-dodge-height: 150px
$al-brand150-dodge-total-width: 750px
$al-brand150-dodge-total-height: 750px
$al-brand150-dodge-image: '../images/brands150_sprite.png'
$al-brand150-dodge: (0px, 150px, 0px, -150px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-dodge', )
$al-brand150-hyundai-name: 'al-brand150-hyundai'
$al-brand150-hyundai-x: 150px
$al-brand150-hyundai-y: 150px
$al-brand150-hyundai-offset-x: -150px
$al-brand150-hyundai-offset-y: -150px
$al-brand150-hyundai-width: 150px
$al-brand150-hyundai-height: 150px
$al-brand150-hyundai-total-width: 750px
$al-brand150-hyundai-total-height: 750px
$al-brand150-hyundai-image: '../images/brands150_sprite.png'
$al-brand150-hyundai: (150px, 150px, -150px, -150px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-hyundai', )
$al-brand150-infiniti-name: 'al-brand150-infiniti'
$al-brand150-infiniti-x: 300px
$al-brand150-infiniti-y: 0px
$al-brand150-infiniti-offset-x: -300px
$al-brand150-infiniti-offset-y: 0px
$al-brand150-infiniti-width: 150px
$al-brand150-infiniti-height: 150px
$al-brand150-infiniti-total-width: 750px
$al-brand150-infiniti-total-height: 750px
$al-brand150-infiniti-image: '../images/brands150_sprite.png'
$al-brand150-infiniti: (300px, 0px, -300px, 0px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-infiniti', )
$al-brand150-jeep-name: 'al-brand150-jeep'
$al-brand150-jeep-x: 300px
$al-brand150-jeep-y: 150px
$al-brand150-jeep-offset-x: -300px
$al-brand150-jeep-offset-y: -150px
$al-brand150-jeep-width: 150px
$al-brand150-jeep-height: 150px
$al-brand150-jeep-total-width: 750px
$al-brand150-jeep-total-height: 750px
$al-brand150-jeep-image: '../images/brands150_sprite.png'
$al-brand150-jeep: (300px, 150px, -300px, -150px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-jeep', )
$al-brand150-kia-name: 'al-brand150-kia'
$al-brand150-kia-x: 0px
$al-brand150-kia-y: 300px
$al-brand150-kia-offset-x: 0px
$al-brand150-kia-offset-y: -300px
$al-brand150-kia-width: 150px
$al-brand150-kia-height: 150px
$al-brand150-kia-total-width: 750px
$al-brand150-kia-total-height: 750px
$al-brand150-kia-image: '../images/brands150_sprite.png'
$al-brand150-kia: (0px, 300px, 0px, -300px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-kia', )
$al-brand150-lexus-name: 'al-brand150-lexus'
$al-brand150-lexus-x: 150px
$al-brand150-lexus-y: 300px
$al-brand150-lexus-offset-x: -150px
$al-brand150-lexus-offset-y: -300px
$al-brand150-lexus-width: 150px
$al-brand150-lexus-height: 150px
$al-brand150-lexus-total-width: 750px
$al-brand150-lexus-total-height: 750px
$al-brand150-lexus-image: '../images/brands150_sprite.png'
$al-brand150-lexus: (150px, 300px, -150px, -300px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-lexus', )
$al-brand150-mazda-name: 'al-brand150-mazda'
$al-brand150-mazda-x: 300px
$al-brand150-mazda-y: 300px
$al-brand150-mazda-offset-x: -300px
$al-brand150-mazda-offset-y: -300px
$al-brand150-mazda-width: 150px
$al-brand150-mazda-height: 150px
$al-brand150-mazda-total-width: 750px
$al-brand150-mazda-total-height: 750px
$al-brand150-mazda-image: '../images/brands150_sprite.png'
$al-brand150-mazda: (300px, 300px, -300px, -300px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-mazda', )
$al-brand150-mercedes-benz-name: 'al-brand150-mercedes-benz'
$al-brand150-mercedes-benz-x: 450px
$al-brand150-mercedes-benz-y: 0px
$al-brand150-mercedes-benz-offset-x: -450px
$al-brand150-mercedes-benz-offset-y: 0px
$al-brand150-mercedes-benz-width: 150px
$al-brand150-mercedes-benz-height: 150px
$al-brand150-mercedes-benz-total-width: 750px
$al-brand150-mercedes-benz-total-height: 750px
$al-brand150-mercedes-benz-image: '../images/brands150_sprite.png'
$al-brand150-mercedes-benz: (450px, 0px, -450px, 0px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-mercedes-benz', )
$al-brand150-mitsubishi-name: 'al-brand150-mitsubishi'
$al-brand150-mitsubishi-x: 0px
$al-brand150-mitsubishi-y: 0px
$al-brand150-mitsubishi-offset-x: 0px
$al-brand150-mitsubishi-offset-y: 0px
$al-brand150-mitsubishi-width: 150px
$al-brand150-mitsubishi-height: 150px
$al-brand150-mitsubishi-total-width: 750px
$al-brand150-mitsubishi-total-height: 750px
$al-brand150-mitsubishi-image: '../images/brands150_sprite.png'
$al-brand150-mitsubishi: (0px, 0px, 0px, 0px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-mitsubishi', )
$al-brand150-nissan-name: 'al-brand150-nissan'
$al-brand150-nissan-x: 450px
$al-brand150-nissan-y: 300px
$al-brand150-nissan-offset-x: -450px
$al-brand150-nissan-offset-y: -300px
$al-brand150-nissan-width: 150px
$al-brand150-nissan-height: 150px
$al-brand150-nissan-total-width: 750px
$al-brand150-nissan-total-height: 750px
$al-brand150-nissan-image: '../images/brands150_sprite.png'
$al-brand150-nissan: (450px, 300px, -450px, -300px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-nissan', )
$al-brand150-porsche-name: 'al-brand150-porsche'
$al-brand150-porsche-x: 0px
$al-brand150-porsche-y: 450px
$al-brand150-porsche-offset-x: 0px
$al-brand150-porsche-offset-y: -450px
$al-brand150-porsche-width: 150px
$al-brand150-porsche-height: 150px
$al-brand150-porsche-total-width: 750px
$al-brand150-porsche-total-height: 750px
$al-brand150-porsche-image: '../images/brands150_sprite.png'
$al-brand150-porsche: (0px, 450px, 0px, -450px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-porsche', )
$al-brand150-ram-name: 'al-brand150-ram'
$al-brand150-ram-x: 150px
$al-brand150-ram-y: 450px
$al-brand150-ram-offset-x: -150px
$al-brand150-ram-offset-y: -450px
$al-brand150-ram-width: 150px
$al-brand150-ram-height: 150px
$al-brand150-ram-total-width: 750px
$al-brand150-ram-total-height: 750px
$al-brand150-ram-image: '../images/brands150_sprite.png'
$al-brand150-ram: (150px, 450px, -150px, -450px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-ram', )
$al-brand150-seat-name: 'al-brand150-seat'
$al-brand150-seat-x: 300px
$al-brand150-seat-y: 450px
$al-brand150-seat-offset-x: -300px
$al-brand150-seat-offset-y: -450px
$al-brand150-seat-width: 150px
$al-brand150-seat-height: 150px
$al-brand150-seat-total-width: 750px
$al-brand150-seat-total-height: 750px
$al-brand150-seat-image: '../images/brands150_sprite.png'
$al-brand150-seat: (300px, 450px, -300px, -450px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-seat', )
$al-brand150-skoda-name: 'al-brand150-skoda'
$al-brand150-skoda-x: 450px
$al-brand150-skoda-y: 450px
$al-brand150-skoda-offset-x: -450px
$al-brand150-skoda-offset-y: -450px
$al-brand150-skoda-width: 150px
$al-brand150-skoda-height: 150px
$al-brand150-skoda-total-width: 750px
$al-brand150-skoda-total-height: 750px
$al-brand150-skoda-image: '../images/brands150_sprite.png'
$al-brand150-skoda: (450px, 450px, -450px, -450px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-skoda', )
$al-brand150-smart-name: 'al-brand150-smart'
$al-brand150-smart-x: 600px
$al-brand150-smart-y: 0px
$al-brand150-smart-offset-x: -600px
$al-brand150-smart-offset-y: 0px
$al-brand150-smart-width: 150px
$al-brand150-smart-height: 150px
$al-brand150-smart-total-width: 750px
$al-brand150-smart-total-height: 750px
$al-brand150-smart-image: '../images/brands150_sprite.png'
$al-brand150-smart: (600px, 0px, -600px, 0px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-smart', )
$al-brand150-ssangyong-name: 'al-brand150-ssangyong'
$al-brand150-ssangyong-x: 600px
$al-brand150-ssangyong-y: 150px
$al-brand150-ssangyong-offset-x: -600px
$al-brand150-ssangyong-offset-y: -150px
$al-brand150-ssangyong-width: 150px
$al-brand150-ssangyong-height: 150px
$al-brand150-ssangyong-total-width: 750px
$al-brand150-ssangyong-total-height: 750px
$al-brand150-ssangyong-image: '../images/brands150_sprite.png'
$al-brand150-ssangyong: (600px, 150px, -600px, -150px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-ssangyong', )
$al-brand150-toyota-name: 'al-brand150-toyota'
$al-brand150-toyota-x: 600px
$al-brand150-toyota-y: 300px
$al-brand150-toyota-offset-x: -600px
$al-brand150-toyota-offset-y: -300px
$al-brand150-toyota-width: 150px
$al-brand150-toyota-height: 150px
$al-brand150-toyota-total-width: 750px
$al-brand150-toyota-total-height: 750px
$al-brand150-toyota-image: '../images/brands150_sprite.png'
$al-brand150-toyota: (600px, 300px, -600px, -300px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-toyota', )
$al-brand150-volvo-name: 'al-brand150-volvo'
$al-brand150-volvo-x: 600px
$al-brand150-volvo-y: 450px
$al-brand150-volvo-offset-x: -600px
$al-brand150-volvo-offset-y: -450px
$al-brand150-volvo-width: 150px
$al-brand150-volvo-height: 150px
$al-brand150-volvo-total-width: 750px
$al-brand150-volvo-total-height: 750px
$al-brand150-volvo-image: '../images/brands150_sprite.png'
$al-brand150-volvo: (600px, 450px, -600px, -450px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-volvo', )
$al-brand150-vw-name: 'al-brand150-vw'
$al-brand150-vw-x: 0px
$al-brand150-vw-y: 600px
$al-brand150-vw-offset-x: 0px
$al-brand150-vw-offset-y: -600px
$al-brand150-vw-width: 150px
$al-brand150-vw-height: 150px
$al-brand150-vw-total-width: 750px
$al-brand150-vw-total-height: 750px
$al-brand150-vw-image: '../images/brands150_sprite.png'
$al-brand150-vw: (0px, 600px, 0px, -600px, 150px, 150px, 750px, 750px, '../images/brands150_sprite.png', 'al-brand150-vw', )
$spritesheet-width: 750px
$spritesheet-height: 750px
$spritesheet-image: '../images/brands150_sprite.png'
$spritesheet-sprites: ($al-brand150-audi, $al-brand150-chrysler, $al-brand150-dodge, $al-brand150-hyundai, $al-brand150-infiniti, $al-brand150-jeep, $al-brand150-kia, $al-brand150-lexus, $al-brand150-mazda, $al-brand150-mercedes-benz, $al-brand150-mitsubishi, $al-brand150-nissan, $al-brand150-porsche, $al-brand150-ram, $al-brand150-seat, $al-brand150-skoda, $al-brand150-smart, $al-brand150-ssangyong, $al-brand150-toyota, $al-brand150-volvo, $al-brand150-vw, )
$spritesheet: (750px, 750px, '../images/brands150_sprite.png', $spritesheet-sprites, )

/*
  The provided mixins are intended to be used with the array-like variables

  .icon-home
    @include sprite-width($icon-home)

  .icon-email
    @include sprite($icon-email)
  */
@mixin sprite-width($sprite)
  width: nth($sprite, 5)

@mixin sprite-height($sprite)
  height: nth($sprite, 6)

@mixin sprite-position($sprite)
  $sprite-offset-x: nth($sprite, 3)
  $sprite-offset-y: nth($sprite, 4)
  background-position: $sprite-offset-x  $sprite-offset-y

@mixin sprite-image($sprite)
  $sprite-image: nth($sprite, 9)
  background-image: url(#{$sprite-image})

@mixin sprite($sprite)
  @include sprite-image($sprite)
  @include sprite-position($sprite)
  @include sprite-width($sprite)
  @include sprite-height($sprite)

/*
  The `sprites` mixin generates identical output to the CSS template
    but can be overridden inside of SASS

  @include sprites($spritesheet-sprites)
  */
@mixin sprites($sprites)
  @each $sprite in $sprites
    $sprite-name: nth($sprite, 10)
    .#{$sprite-name}
      @include sprite($sprite)