<commit_before>/*
Link & anchor styles

Styling for various different types and classes of links.

Note: this section is does not exhaustively cover all link and anchor styles; there are some that remain interspersed amongst the relevant partials they pertain to (eg tag cloud links).

Style guide: Links & anchors
*/

/*
Basic anchor styles

We may change the specificity of the styling if resetting the `border-bottom` becomes an issue.

This styling also inserts SVG/PNG icons after the link depending on the relation keyword (`rel`) the link has:

- `rel="external"` receives an external link icon
- PDF file (roadmap maybe?)

Markup: templates/basic-links.hbs

Style guide: Links & anchors.1 Basic styles
*/

// A base extend that provides the styling for icons at the end of a link.
%base-link-icon--after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: -($medium-spacing);
  width: $medium-spacing;
  height: $medium-spacing;
  background-repeat: no-repeat;
  background-position: right $tiny-spacing;
  border-bottom: 1px solid transparent;
}

@mixin colours($text-colour, $hover-bg-colour, $hover-text-colour) {
  $link-disabled-color: rgba($text-colour, 0.5);
  color: $text-colour;

  a {

    &,
    &:link {
      color: $text-colour;
      text-decoration: none;
      border-bottom: solid 1px $hover-bg-colour;
      outline-color: transparent;
      transition-timing-function: $transition-easing;
      transition-duration: $transition-timing;
      transition-property: background-color, color, outline-color;
    }

    &:hover,
    &:focus {
      outline: none;
      background-color: $hover-bg-colour;
      color: $hover-text-colour;
      outline-width: 3px;
      outline-color: $hover-bg-colour;
      outline-style: solid;
    }

    &[rel~='external'] {
      display: inline-block;
      position: relative;
      margin-right: $base-spacing;

      &:hover {<commit_msg>Remove :link pseudo-class in Links<commit_after>/*
Link & anchor styles

Styling for various different types and classes of links.

Note: this section is does not exhaustively cover all link and anchor styles; there are some that remain interspersed amongst the relevant partials they pertain to (eg tag cloud links).

Style guide: Links & anchors
*/

/*
Basic anchor styles

We may change the specificity of the styling if resetting the `border-bottom` becomes an issue.

This styling also inserts SVG/PNG icons after the link depending on the relation keyword (`rel`) the link has:

- `rel="external"` receives an external link icon
- PDF file (roadmap maybe?)

Markup: templates/basic-links.hbs

Style guide: Links & anchors.1 Basic styles
*/

// A base extend that provides the styling for icons at the end of a link.
%base-link-icon--after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  right: -($medium-spacing);
  width: $medium-spacing;
  height: $medium-spacing;
  background-repeat: no-repeat;
  background-position: right $tiny-spacing;
  border-bottom: 1px solid transparent;
}

@mixin colours($text-colour, $hover-bg-colour, $hover-text-colour) {
  $link-disabled-color: rgba($text-colour, 0.5);
  color: $text-colour;

  a {
    color: $text-colour;
    text-decoration: none;
    border-bottom: solid 1px $hover-bg-colour;
    outline-color: transparent;
    transition-timing-function: $transition-easing;
    transition-duration: $transition-timing;
    transition-property: background-color, color, outline-color;

    &:hover,
    &:focus {
      outline: none;
      background-color: $hover-bg-colour;
      color: $hover-text-colour;
      outline-width: 3px;
      outline-color: $hover-bg-colour;
      outline-style: solid;
    }

    &[rel~='external'] {
      display: inline-block;
      position: relative;
      margin-right: $base-spacing;

      &:hover {
{'fraction_non_alphanumeric': 0.11203751954142782, 'fraction_numerical': 0.0036477331943720686, 'mean_word_length': 3.3874285714285715, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5488406', 'n_tokens_mistral': 1219, 'n_tokens_neox': 1146, 'n_words': 383}