Hugo Zen Style Guide

  • 0Overview
  • 1Colors and Sass
  • 2Defaults
  • 3Layouts
  • 4Components
  • 5Navigation

2.2 base.link Links

Toggle example guides Toggle HTML markup

Hyperlinks are used to allow the user to navigate to other resources or to download a resource.

The order of link states are based on Eric Meyer's article: http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states

Examples
Default styling
This is a link to another web page.
:visited
A link that has already been visited.
This is a link to another web page.
:hover
A link that is being hovered over.
This is a link to another web page.
:focus
A link that has been given keyboard focus.
This is a link to another web page.
:active
A link that is being actively clicked.
This is a link to another web page.
Markup: base/links/links-a.twig
This is a <a href="#" class="{{modifier_class}}">link to another web page</a>.
Source: base/links/_links.scss, line 1