Responsive link to a complete listing. Works best with H2.
By default, more link is aligned to baseline with the element that has space of one line between itself and the following
content. The value corresponds to default bottom margin of H2 (which is one line) and can be adjusted via LESS variable
@more-link-top-offset
.
Heads Up!
It may be a little bit confusing to distinguish between the Back Link and More Link components. They both
appear on the right side of the heading on big screens, but they are designed in a different way for mobiles.
Example
News
This is the news.
<h2>News</h2>
<div class="has-more">
<p>This is the news.</p>
<div class="more">
<a href="#">All News</a>
</div>
</div>