sass map and for loop

_map-and-loop.scss

.share-container {
	float: left;
	display: block;
	a {
		$link-size: 30px;
		width: $link-size;
		height: $link-size;
		line-height: $link-size;
		display: inline-block;
	}
}

@mixin shareLink($media) {
	background: url('#{$ui-assets}img/icons/#{$media}.png') center center no-repeat;
	background-size: 100%;
}

$share-media:  "twitter", "linkedin", "facebook", "mail", "print";

@each $media in $share-media {
	.share-#{$media} {
		@include shareLink($media);
	}
}