/* @define utilities */

/// Clean link
///
/// A link without any text-decoration at all.
/// @group Utilities
/// @author Richard McCartney
.u-linkClean,
.u-linkClean:hover,
.u-linkClean:focus,
.u-linkClean:active {
  text-decoration: none !important;
}

/// Link complex
///
/// A common pattern is to have a link with several pieces of text and/or an
/// icon, where only one piece of text should display the underline when the
/// link is the subject of user interaction.
///
/// Example HTML:
///
/// <a class="u-linkComplex" href="#">
///   Link complex
///   <span class="u-linkComplexTarget">target</span>
/// </a>
/// @group Utilities
/// @author Richard McCartney
.u-linkComplex,
.u-linkComplex:hover,
.u-linkComplex:focus,
.u-linkComplex:active {
  text-decoration: none !important;
}

.u-linkComplex:hover .u-linkComplexTarget,
.u-linkComplex:focus .u-linkComplexTarget,
.u-linkComplex:active .u-linkComplexTarget {
  text-decoration: underline !important;
}

/// Block-level link
///
/// Combination of traits commonly used in vertical navigation lists.
/// @group Utilities
/// @author Richard McCartney

.u-linkBlock,
.u-linkBlock:hover,
.u-linkBlock:focus,
.u-linkBlock:active {
  display: block !important;
  text-decoration: none !important;
}