Download cards

Taxonomic name: M-CARD--DOWNLOAD

Archive - Updated 17/01/17. Current version

Atom

Beta v.1.1.1 - Beta v.1.1.7

Mark up of single links group cards has changed to ensure that only .heading--2 is used on download cards and the order of content on cards is kept consistent.

Previous Beta v.1.1.1 design example
<div class="l-columns l-columns--2-large [ Modifiers ]">
	<div class="l-columns__column">
		<h2>Downloads</h2>
		<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	</div>
</div>
<div class="l-columns l-columns--2-large [ Modifiers ]">
	<a class="l-columns__column m-card m-card--download [ Modifiers ]" href="...">
		<div class="m-card-content">
			<div class="m-card-content__inner m-card-flex">
				<img src="... alt="..." />
				<div class="m-card-flex__inner">
					<p class="m-card-flex__inner-top m-card-tagline">...</p>
					<h2 class="m-card-flex__inner-top heading--2 heading--heavy">...</h2>
				</div>
			</div>
		</div>
	</a>
	...
	<div class="l-columns__column">
		<a href="..." class="btn btn--primary">...</a>
	</div>
</div>