Tile

This is a tile block which will be used to represent some highlighted text. It comes in a grid of multiple tiles. As option you can can add a link to it.

Default

px 

			
				<a class="m-tile m-tile--light" href="#">
	<h3 class="m-tile__text">Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod.</h3>
	<span class="m-tile__link icon-arrow-right">Meer veiligheidstips</span>
</a>

Documentation

Modifiers

  • m-tile--dark

    Will give the background a dark color

  • m-tile--light

    Will give the background a light background

  • m-tile--primary

    Will give the background the primary color