Convert link colors to rgb

[Sir-Genius]

Prerequisites

• I have searched for duplicate or closed feature requests
• I have read the contributing guidelines

Proposal

a {
  color: rgba(var(--bs-link-color), var(--bs-link-opacity));
}

a:hover {
  color: rgba(var(--bs-link-hover-color), var(--bs-link-hover-opacity));
}

Motivation and context

It will help with link styling. Also we will be able to do something like this:

a {
  text-decoration: var(--bs-link-line, underline) var(--bs-link-style, initial) rgba(var(--bs-link-color), var(--bs-link-line-opacity, 1));
  // and for the hover state
}

@each $style in (solid dashed dotted) {
  .link-#{$style},
  .link-#{$style}-hover:hover {
    --bs-link-style: #{$style};
  }
}

[mdo]

This would be a great candidate for v5.3.0—adding to that for now!

[Ruchita-01]

Solution: Converting link colors to RGB
a:link { color: green; background-color: transparent; text-decoration: none; } a:visited { color: blue; background-color: transparent; text-decoration: none; } a:hover { color: red; background-color: transparent; text-decoration: underline; } a:active { color: grey; background-color: transparent; text-decoration: underline; }
Description:
An unclicked link will be green and ununderlined in this instance.
Links that have been visited will be blue and not underlined.
A link that is active will be highlighted in grey.
In addition, a link will turn red and be highlighted when you mouse over it (a:hover).