// ==========================================================
/* § /base/links.scss */
//
// Basic styling for links
// DOCS:
// ==========================================================


/* =============================================================================
$ Links
================================================================================ */
a:link {
  color: $linkColor;
  text-decoration: none;

  &:hover,
  &:active,
  &:focus {
    text-decoration: underline;
    color: $linkColorHover;
  }
  &:focus {
    /* Addresses `outline` inconsistency between Chrome and other browsers. */
    outline: thin dotted;
  }
  &:active,
  &:hover {
    /* Improves readability when focused and also mouse hovered in all browsers. */
    outline: 0;
  }
  p & {
    /* Increasing the Clickable Area of Inline Links inside a paragraph */
    margin: -.33em;
    padding: .33em;
    position: relative;
  }
}
// ==========================================================
/* § /base/links.scss */
//
// Basic styling for links
// DOCS:
// ==========================================================


/* =============================================================================
$ Links
================================================================================ */
a:link {
  color: $linkColor;
  text-decoration: none;

  &:hover,
  &:active,
  &:focus {
    text-decoration: underline;
    color: $linkColorHover;
  }
  &:focus {
    /* Addresses `outline` inconsistency between Chrome and other browsers. */
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -1px;
  }
  &:active,
  &:hover {
    /* Improves readability when focused and also mouse hovered in all browsers. */
    outline: 0;
  }
  p & {
    /* Increasing the Clickable Area of Inline Links inside a paragraph */
    margin: -.33em;
    padding: .33em;
    position: relative;
  }
}
Set a webkit specific outline for focused links
Set a webkit specific outline for focused links
