Link
Basic link styles. For URL placeholders use <a href="javascript:void(0);"> or <a href="javascript:void(0);">.
Link
<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 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.