1. Kanga
  2. Typography

Links

Apply the class link to add the default link styling to any link element, for example:

<a href="#" class="link">Example link</a>

Less mixin

If you need more finegrain control over links, you can use the Less mixin.

#type.style.link(@color, @focus, @hover, @underline)
Variable Description
@color The colour of the link text and underline. The default is var(--c-link).
@focus The focus colour of the link text and outline colour. The default is var(--c--link-focus).
@hover The hover colour of the link text and underline. The default is var(--c-link-hover).
@underline Should the default state of this link have an underline? Either underline or none. The deafult is underline.