Share

The share component is used to share a particular blog item or article. It's made by link and the action component with some extra styling.

Default

px

			
				<div class="m-share">
	<a class="a-link icon-arrow-left" href="">Terug naar het blog overzicht</a>
	<div class="m-actions ">
		<h5 class="m-actions__text">Deel dit artikel</h5>
		<div class="m-actions__options">
			<ul>
				<li>
					<a class="a-button a-button--round m-actions__option  " href="/">
						<span class="a-button__icon a-button__icon--before icon-mail"></span>
						<span class="a-button__text">icon-mail</span>
					</a>
				</li>
				<li>
					<a class="a-button a-button--round m-actions__option  " href="/">
						<span class="a-button__icon a-button__icon--before icon-twitter"></span>
						<span class="a-button__text">icon-twitter</span>
					</a>
				</li>
				<li>
					<a class="a-button a-button--round m-actions__option  " href="/">
						<span class="a-button__icon a-button__icon--before icon-facebook"></span>
						<span class="a-button__text">icon-facebook</span>
					</a>
				</li>
				<li>
					<a class="a-button a-button--round m-actions__option  " href="/">
						<span class="a-button__icon a-button__icon--before icon-linkedin"></span>
						<span class="a-button__text">icon-linkedin</span>
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>