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

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


=mailIcon()
  +sprite(0px -4px, 14px, 10px)
  display: inline-block

=phoneIcon()
  +sprite(0px -32px, 18px, 14px)
  display: inline-block

=blackPhoneIcon()
  +sprite(0px -117px, 18px, 16px)
  background-size: 540px 252px
  display: inline-block


=dakbedekkingIcon()
  +sprite(-49px 4px, 48px, 36px)
  display: inline-block

=leienIcon()
  +sprite(-45px -48px, 48px, 36px)
  display: inline-block

=zonnepanelenIcon()
  +sprite(-44px -99px, 48px, 36px)
  display: inline-block

=dakrenovatieIcon()
  +sprite(-126px 11px, 48px, 36px)
  display: inline-block

=na-isolatieIcon()
  +sprite(-122px -53px, 48px, 36px)
  display: inline-block