@charset 'UTF-8';

///
/// Individual Nav Item Link.
///
/// @name %nav-item-link
///
/// @group placeholder
%nav-item-link {
  @include fancy-hover(color(border--hover, $su-nav-colors), color(border--active, $su-nav-colors), 'left');
  @include padding(1.6rem 4.8rem 1.6rem 2.4rem);
  display: block;
  color: color(link, $su-nav-colors);
  font-size: 1.8rem;
  font-weight: $su-font-semi-bold;
  border-top: 1px solid color(divider, $su-nav-colors);
  outline: 0;

  &:hover,
  &:focus,
  &:active {
    text-decoration: underline;
  }
}
