Product list

A list of products added to the basket. These items can either be clicked to view more information about the product or removed from the list.

Default

px 

			
				<ul class="m-product-list ">
	<li class="m-product-list__item">
		<div class="a-added-product ">
			<a class="a-added-product__link" href="#">
				History of Magic
			</a>
			<button class="a-icon-button a-icon-button--animated a-added-product__button ">
				<span class="a-icon-button__icon icon-cancel"></span>
			</button>
		</div>
	</li>
	<li class="m-product-list__item">
		<div class="a-added-product ">
			<a class="a-added-product__link" href="#">
				Defence Against the Dark Arts
			</a>
			<button class="a-icon-button a-icon-button--animated a-added-product__button ">
				<span class="a-icon-button__icon icon-cancel"></span>
			</button>
		</div>
	</li>
	<li class="m-product-list__item">
		<div class="a-added-product ">
			<a class="a-added-product__link" href="#">
				Transfiguration
			</a>
			<button class="a-icon-button a-icon-button--animated a-added-product__button ">
				<span class="a-icon-button__icon icon-cancel"></span>
			</button>
		</div>
	</li>
</ul>