| 1234567891011121314151617181920 | .link {
    cursor: pointer;
    color: $linkFontColor;
    @include transition(color .1s ease-out);
    &:hover {
        color: $linkHoverFontColor;
        text-decoration: underline;
        @include transition(color .1s ease-in);
    }
}
/**
 * Helper links are links that are meant to open a documentation page or more
 * detailed info.
 */
.helper-link {
    @extend .link;
    font-size: 12px;
}
 |