<div class="return-nav">
<a href="/">Return to previous page</a>
</div>
// this breadcrumb-esque link appears on top of the page, above the h1
.return-nav {
@include rem(margin-bottom, $grid-typo-spacing-m);
display: block;
&:before {
color: $ncDarkBlue;
content: '\3c';
margin-right: 0.25em;
text-decoration: none;
}
&:hover:before,
&:hover a {
color: $ncOrange;
}
}
A block navigation component appearing in pages which have a clear return destination, e.g. the contact form.
Example usage: https://wellcome.ac.uk/about-us/contact-us/funding-enquiry-enhanced?ref=10
{
"title": "Return to previous page",
"url": "/"
}