Link

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

Link Paragraph

<a href="javascript:void(0);">

Pack my box with five dozen liquor jugs.

<a href="javascript:void(0);">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 States

<a:link> Pack my box with five dozen liquor jugs.
<a:visited> Pack my box with five dozen liquor jugs.
<a:hover> Pack my box with five dozen liquor jugs.
<a:active> Pack my box with five dozen liquor jugs.
<a:focus> Pack my box with five dozen liquor jugs.
<a href="javascript:void(0);" 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.