Notices

notices are dismissible information areas that can be timed to appear after the page has loaded or already on the page to begin with.

<div class="notice">
	<div class="notice__content">
	<span class="notice__close"></span>
		<p>
			This is a dismissible notice
		</p>
	</div>
</div>

Timed notices

Notices can be set to appear after a certain timeframe, the notice on this page should appear 8 seconds after the page has loaded.

To create a timed notice simply add the timed-notice class, to the div with the class of notice

<div class="notice notice--timed">
	<div class="notice__content">
	<span class="notice__close"></span>
		<p>
			This is a dismissible notice, set to appear after 8 seconds.
		</p>
	</div>
</div>

The timing of notices can be adjusted in milliseconds in the notices javascript. In scripts.js under Notices you can adjust the duration before the notice appears.

$('.notice').ensembleNotices({
	delay: '8000'
});