/* ================================================================== *\
   Links ($links)
\* ================================================================== */

/* 1. Remove the gray background color from active links in IE 10 */
a {
  background: transparent;
  color: $linkColor;
  cursor: pointer;
  text-decoration: none;
// Improve readability when focused or hovered in all browsers
// Address `outline` inconsistency between Chrome and other browsers
  &.muted {
    color: $darkerGray;
    text-decoration: underline;
    &:hover {
      text-decoration: none;
    }
  }
  &.smallbold {
    font-weight: 600;
    font-size: 0.9rem;
  }
  &:hover {
    text-decoration: underline;
  }
  &:active,
  &:hover {
    outline: 0;
  }
  &:focus {
    outline: thin dotted;
  }
  &.uppercase {
    // #todo consolidate this with .caps
    text-transform: uppercase;
    color: $darkGray;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
    &:hover {
      text-decoration: none;
      color: $darkerGray;
    }
  }
  &.subtle_icon {
    color: $darkGray;
    text-decoration: none;
    &:hover {
      color: $darkerGray;
    }
  }
}