<commit_before>$meta-label-color: $brand-light !default;
$meta-bg: $brand-opaque !default;

// List of quick (meta) information
ul.meta {
  @include icon-selector() {
    color: $text-weakest-color;

    &::before { display: inline; } // Prevent icon wrapping
  };

  &,
  > li {
    padding-left: 0; // Reset
  }

  > li {
    display: block;
    margin-bottom: $gap-small;
    word-wrap: break-word;
    line-height: 1.35;

    h4:first-child { margin-top: $gap-half; }
  }

  .highlight {
    display: inline-block;
    margin-right: .1rem;
    padding: 0; // Reset

    @include icon-selector() {
      color: inherit;

      &::before {
        display: inline-block;
        margin-right: .35em;
      }
    };

    > a {
      display: block;
      padding: .2rem .5rem;
      background-color: _tint( $meta-bg, $lighter-percentage ); //TODO: Can it be replaced by some of the pre-defined colour?
      color: $heading-color;
      text-decoration: none;

      @include hoverify {
        text-decoration: underline;
      }
    }
  }
}

.meta__item {
  display: inline-block;

  ul.meta--labelled & {
    margin-right: $gap-double;
    margin-bottom: 25px;
    padding: 0;

    &:last-child {
      margin-bottom: 0;
    }

    @include breakpoint($until: desktop) {
      display: block;
    }
  }<commit_msg>FIX; Make meta highlight tags work without a tag<commit_after>$meta-label-color: $brand-light !default;
$meta-bg: $brand-opaque !default;

// List of quick (meta) information
ul.meta {
  @include icon-selector() {
    color: $text-weakest-color;

    &::before { display: inline; } // Prevent icon wrapping
  };

  &,
  > li {
    padding-left: 0; // Reset
  }

  > li {
    display: block;
    margin-bottom: $gap-small;
    word-wrap: break-word;
    line-height: 1.35;

    h4:first-child { margin-top: $gap-half; }
  }

  .highlight {
    display: inline-block;
    margin-right: .1rem;
    padding: 0; // Reset

    @include icon-selector() {
      color: inherit;

      &::before {
        display: inline-block;
        margin-right: .35em;
      }
    };

    > a, > span {
      display: block;
      padding: .2rem .5rem;
      background-color: _tint( $meta-bg, $lighter-percentage ); //TODO: Can it be replaced by some of the pre-defined colour?
      color: $heading-color;
      text-decoration: none;
    }
    > a {
      @include hoverify {
        text-decoration: underline;
      }
    }
  }
}

.meta__item {
  display: inline-block;

  ul.meta--labelled & {
    margin-right: $gap-double;
    margin-bottom: 25px;
    padding: 0;

    &:last-child {
      margin-bottom: 0;
    }

    @include breakpoint($until: desktop) {
      display: block;
    }
  }
{'fraction_non_alphanumeric': 0.14540059347181009, 'fraction_numerical': 0.01112759643916914, 'mean_word_length': 2.1433566433566433, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '3310751', 'n_tokens_mistral': 980, 'n_tokens_neox': 917, 'n_words': 214}