//Sprite
$spriteWidth: 142px
$spriteHeight: 140px


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

=arrowWhite()
  +sprite(-5px -36px, 5px, 8px)
  display: inline-block

=arrowBlue()
  +sprite(0px -36px, 5px, 8px)
  display: inline-block

=arrowBrown()
  +sprite(-10px -36px, 5px, 8px)
  display: inline-block

=arrowWhiteDown()
  +sprite(-25px -36px, 8px, 5px)
  display: inline-block

=arrowBlueDown()
  +sprite(-16px -36px, 8px, 5px)
  display: inline-block

=arrowBrownDown()
  +sprite(-34px -36px, 8px, 5px)
  display: inline-block