Use the link modifiers on <a> tags to control link underline color and hover state. By default, links are not underlined.

Modifier	Purpose
no-underline	No text decoration or background image
underline	Adds text decoration underline
underline-hover	Adds text decoration underline when the state is hover
underline-blue	Utilizes background image to define a blue underline
underline-blue-hover	Utilizes background image to define a blue underline when the state is hover
underline-gray	Utilizes background image to define a gray underline
underline-gray-hover	Utilizes background image to define a gray underline when the state is hover

a default link (no modifiers)

no underline

underline

underline on hover

underline blue

underline blue on hover

underline gray

underline gray on hover

A link with an icon

Imports

Import CSS:

import 'pivotal-ui/css/links';