Skip to content

Links > Implement styles according to specs

Pajamas defines 4 categories of links, each with their own styling rules.

  • Inline text link
  • User interface link
  • Meta link
  • Mention

This issue is to see the design spec for these implemented in gitlab-ui and GitLab.

Information not captured in Figma

  • text-decoration-color: rgba($blue-700, .72); allows underline tone to match background for blue links, all other underlines inherit the colour of the text
  • text-underline-offset 2px or use browser default

A prototype of an earlier version can be found in #1557 (closed), but the information is slightly out of date.

Related items