File: D:/HostingSpaces/SBogers101/cranendonckactief.nl/wwwroot/css/mixins/_sprite.sass
//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
=socialMedia($position, $width: auto, $height: auto)
background: url("/img/socialMediaSprite.svg") $position no-repeat
background-size: 175px 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