HTML
<div class="l-constrained notifications-list">
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
<div class="media notification">
<figure class="media__img">
<img class="img--round" src="http://placeimg.com/60/60/tech" alt="Square Thumbnail" />
</figure>
<div class="media__body notification__body">
<h2 class="c-base gamma notification__title">Title</h2>
<p class="c-base notification__lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<span class="notification__meta">21, 345 following</span>
</div>
</div>
</div>