Links

<p>
  <a class="link-muted" href="#">.link-muted</a>
</p>
<p class="bg-dark p-2">
  <a class="text-light" href="#">.text-light</a>
</p>
<p class="bg-dark p-2">
  <a class="link-white" href="#">.link-white</a>
</p>
<p>
  <a class="link" href="#">
    .link__icon
    <span class="link__icon ml-1">
      <span class="link__icon-inner">+</span>
    </span>
  </a>
</p>
<div>
  <p>Some content</p>

  <div class="collapse" id="collapseLinkExample">
    <p>collapsed more content</p>
  </div>

  <a class="link-collapse" data-toggle="collapse" href="#collapseLinkExample" role="button" aria-expanded="false" aria-controls="collapseLinkExample">
    <span class="link-collapse__default">View More</span>
    <span class="link-collapse__active">View Less</span>
  </a>
</div>