skip to content

Link

  • $t-a-link-color-resting

    #025e8d
    The color of the link text.

  • $t-a-link-color-hover

    #01324b
    The color of the link text when hovered.

  • $t-a-link-color-visited

    #01324b
    The color of the link text when visited.

  • $t-a-link-color-focus

    #0088cc
    The color of the link text when focused.

  • $t-a-link-thickness-resting

    .0625rem
    The thickness of the text decoration underline

  • $t-a-link-thickness-hover

    .25rem
    The thickness of the text decoration underline when hovered.

  • $t-a-link-offset-resting

    .25rem
    The thickness of the text decoration underline

  • $t-a-link-offset-hover

    .25rem
    The thickness of the text decoration underline when hovered.
Swatch Name Value Description
$t-a-link-color-resting #025e8d The color of the link text.
$t-a-link-color-hover #01324b The color of the link text when hovered.
$t-a-link-color-visited #01324b The color of the link text when visited.
$t-a-link-color-focus #0088cc The color of the link text when focused.
$t-a-link-thickness-resting .0625rem The thickness of the text decoration underline
$t-a-link-thickness-hover .25rem The thickness of the text decoration underline when hovered.
$t-a-link-offset-resting .25rem The thickness of the text decoration underline
$t-a-link-offset-hover .25rem The thickness of the text decoration underline when hovered.

Help improve this page

If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.