core/src/scss/utilities/placeholders/components/nav/_nav-item-link.scss
@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;
}
}