Link Style

Basic link styles. For URL placeholders use <a href="#"> or <a href="javascript:void(0);">.

evo-link-line

<a href="#">Pack my box with five dozen liquor jugs.</a>

Global font styles are applied to the a tag - and other tags – set in _global.scss. You can also directly apply evo-link to an anchor tag. Styles can be adjusted from _variables.scss.

If needed, directly apply an .a-link class to set the global link style to an HTML element.

Link Text Decoration Options

Link Border Bottom States

<a href="#" class=".a-hover">Pack my box with five dozen liquor jugs.</a>

If needed for demonstration purposes, apply an .a-visited, .a-hover, .a-active, or .a-focus class to set the global font pseudo style directly to an HTML a element or text.