$spriteWidth: 100px
$spriteHeight: 85px


=sprite($position, $width: auto, $height: auto)

  $positionX: nth($position, 1) * -1
  $positionY: nth($position, 2) * -1

  background: url("/img/komma_sprite.svg") $positionX $positionY no-repeat
  background-size: $spriteWidth $spriteHeight
  width: $width
  height: $height

=socialMediaSprite($position, $width: auto, $height: auto)

  $positionX: nth($position, 1) * -1
  $positionY: nth($position, 2) * -1

  background: url("/img/social-media-sprite.svg") $positionX $positionY no-repeat
  background-size: 175px 50px
  width: $width
  height: $height

=facebookSprite($white: false)
  @if $white == false
    +socialMediaSprite(50px 0, 24px, 24px)
  @else
    +socialMediaSprite(50px 25px, 24px, 24px)

=linkedinSprite($white: false)
  @if $white == false
    +socialMediaSprite(25px 0, 24px, 24px)
  @else
    +socialMediaSprite(25px 25px, 24px, 24px)

=twitterSprite($white: false)
  @if $white == false
    +socialMediaSprite(0 2px, 24px, 21px)
  @else
    +socialMediaSprite(0 27px, 24px, 21px)

=instagramSprite($white: false)
  @if $white == false
    +socialMediaSprite(75px 0, 24px, 24px)
  @else
    +socialMediaSprite(75px 25px, 24px, 24px)