Universität Heidelberg Gestaltungsrichtlinie

  • 0Overview
  • 1Colors and Fonts
  • 2Global
  • 3Common
  • 4Layouts
  • 5Forms
  • 6Utility
  • 7HTML Defaults
  • 8Sass Code

7.5 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