/*==============================================================================
Links

Links styling

Markup:
<a href="#" class="{$modifiers}"> Link </a>

:hover - Hover state
:active - active state
:focus - focus state
:visited - visited state
==============================================================================*/

a {
    -webkit-tap-highlight-color: $tabhighlight;
    color: $linkColor;
    text-decoration: none;

    &:visited {

    }

    &:hover,
    &:active {
        outline: 0;
    }

    &:hover,
    &:focus {
        color: $linkColorHover;
        text-decoration: underline;
    }

    &:focus,
    &:active {
    }

    &:focus {
        outline: thin dotted;
        outline-offset: -5px;
    }

    &#{$namespace}block-link {
        display: block;
        color: inherit;
        &:hover {
            text-decoration: none;
            color: inherit;
        }
    }
}