Title

Title component that can be supported by either an icon from the iconfont or an SVG containing an icon in different colors. You can put any type of header-tag as title, the icon adjusts itself to the title size.

Default

px 

			
				<div class="a-title ">
	<h1 class="a-title__text">This is a h1 title</h1>
</div>

With icon

px 

			
				<div class="a-title ">
	<span class="a-title__icon a-title__icon--h1 icon-basket"></span>
	<h1 class="a-title__text">This is a h1 title</h1>
</div>

With image

px 

			
				<div class="a-title ">
	<div class="a-title__image a-title__image--h1">
		<img class="a-title__visual" src="/assets/images/illustrations/people-loop.svg" alt="This is a h1 title" title="This is a h1 title" />
	</div>
	<h1 class="a-title__text">This is a h1 title</h1>
</div>