Actions

These actions are used to share something like a blog article or to link to the social media accounts.

Default

px

			
				<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>
			

		

Documentation

Modifiers

  • m-actions--center

    This will center the actions

  • m-actions--end

    This will place the actions at the end