//Sprite
$spriteWidth: 1258px
$spriteHeight: 610px


=sprite($position, $width: auto, $height: auto)
  background: url("/img/opel-sprite.svg") $position no-repeat
  background-size: $spriteWidth $spriteHeight
  width: $width
  height: $height


=arrowBlue()
  +sprite(-330px -105px, 10px, 15px)
  display: inline-block

=arrowWhite()
  +sprite(-341px -105px, 10px, 15px)
  display: inline-block

=arrowOrange()
  +sprite(-352px -105px, 10px, 15px)
  display: inline-block

=arrowRed()
  +sprite(-341px -120px, 10px, 15px)
  display: inline-block

=logo()
  +sprite(0px 0px, 318px, 185px)
  display: block

=carWithHistory()
  +sprite(-380px 0px, 435px, 208px)
  display: block

=orangeLabel()
  +sprite(0 -199px, 365px, 80px)
  display: block

=blueLabel()
  +sprite(0 -289px, 365px, 80px)
  display: block

=whiteLabel()
  +sprite(0 -415px, 394px, 90px)
  display: block

=socialMedia($position, $width: auto, $height: auto)
  background: url("/img/socialMediaSprite.svg") $position no-repeat
  background-size: 150px 50px
  width: $width
  height: $height

=twitter()
  +socialMedia(0 0, 24px, 24px)
  display: inline-block
=twitterWhite()
  +socialMedia(0 -25px, 24px, 24px)
  display: inline-block
=linkedin()
  +socialMedia(-25px 0, 24px, 24px)
  display: inline-block
=linkedinWhite()
  +socialMedia(-25px -25px, 24px, 24px)
  display: inline-block
=facebook()
  +socialMedia(-50px 0, 24px, 24px)
  display: inline-block
=facebookWhite()
  +socialMedia(-50px -25px, 24px, 24px)
  display: inline-block
=instagram()
  +socialMedia(-75px 0, 24px, 24px)
  display: inline-block
=instagramWhite()
  +socialMedia(-75px -25px, 24px, 24px)
  display: inline-block
=pinterest()
  +socialMedia(-100px 0, 24px, 24px)
  display: inline-block
=pinterestWhite()
  +socialMedia(100px -25px, 24px, 24px)
  display: inline-block
=youtube()
  +socialMedia(-125px 0, 24px, 24px)
  display: inline-block
=youtubeWhite()
  +socialMedia(-125px -25px, 24px, 24px)
  display: inline-block