.link-container
Allows a container to act as a trigger for a link, for example to make a whole card clickable.
This is the header
This is the content with a link that applies to the whole card.
The link itself could be hidden with link-container__hidden-link.
A link that needs to escape can use link-container__escape.
This is a card within a card
Yes, this has happened. link-container__escape needs to go on the card itself, which therefore escapes all the controls inside.
This is a link that needs to escape.
This is a button that needs to
Example with hidden link
This is a link-container that contains a hidden link. The whole card should be clickable.
link<div class="link-container">
<a href="https://example.com" class="link-container__link">link</a>
</div>