Notification list

List of notifications. Used in for example the header navigation or in the dashboard widget.

Default

px

			
				<ul class="m-notification-list">
	<li class="m-notification-list__item">
		<article class="m-notification ">
			<p class="m-notification__description">
				Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
			</p>
			<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
			<button class="m-notification__state">
				Markeren als gelezen
			</button>
		</article>
	</li>
	<li class="m-notification-list__item">
		<article class="m-notification is-read">
			<p class="m-notification__description">
				Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
			</p>
			<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
			<button class="m-notification__state">
				Gelezen
			</button>
		</article>
	</li>
	<li class="m-notification-list__item">
		<article class="m-notification is-read">
			<p class="m-notification__description">
				Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
			</p>
			<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
			<button class="m-notification__state">
				Gelezen
			</button>
		</article>
	</li>
	<li class="m-notification-list__item">
		<article class="m-notification is-read">
			<p class="m-notification__description">
				Vergeet de evaluatie voor “Excel basis” niet in te vullen alvorens je volgende les start
			</p>
			<time class="m-notification__time" datetime="1:20 pm">1:20 pm</time>
			<button class="m-notification__state">
				Gelezen
			</button>
		</article>
	</li>
</ul>