Links

Default Link

<a class="link" title="Link S" href="#">Default Link</a>

Sizes

Small

<a class="link text-s" title="Link S" href="#">Link S</a>

Medium

<a class="link text-m" title="Link M" href="#">Link M</a>

Large

<a class="link text-l" title="Link L" href="#">Link L</a>

Link sizes example

Styles

Default

<a class="link text-l" href="#" title="Link default">Default</a>

Accent

<a class="link text-l link-accent" href="#" title="Link accent">Accent</a>

Information

<a class="link text-l link-info" href="#" title="Link information">Information</a>

Success

<a class="link text-l link-success" href="#" title="Link success">Success</a>

Warning

<a class="link text-l link-warning" href="#" title="Link warning">Warning</a>

Error

<a class="link text-l link-error" href="#" title="Link error">Error</a>

Link styles example