Alerts

Ensemble ships with 3 kinds of dismissible alerts, a warning alert, a failure alert and a success alert.

Alerts follow a simple HTML structure consisting of the outer wrapper div with a class of alert this is then followed by a modifier class alert--failed, alert--warning or alert--success

<div class="alert alert--failed">
	<span class="alert__close"></span>
	<p>
		This is a failure alert!
	</p>
</div>


<div class="alert alert--warning">
	<span class="alert__close"></span>
	<p>
		This is a warning alert!
	</p>
</div>


<div class="alert alert--success">
	<span class="alert__close"></span>
	<p>
		This is a success alert!
	</p>
</div>