//Sprite
$spriteWidth: 502px
$spriteHeight: 423px


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

=arrowWhite()
  +sprite(-120px -78px, 14px, 10px)
  display: inline-block

=arrowBlue()
  +sprite(-134px -78px, 14px, 10px)
  display: inline-block

=arrowTurquoise()
  +sprite(-148px -78px, 14px, 10px)
  display: inline-block

=arrowPurple()
  +sprite(-162px -78px, 14px, 10px)
  display: inline-block

=arrowDarkBlue()
  +sprite(-176px -78px, 14px, 10px)
  display: inline-block