<commit_before>//noinspection CssNoGenericFontName
blockquote {
  background-color:  $note-bg-color;
  border-left-color: $note-color;
  font-size:         unset; // override bootstrap font-size for blockquotes

  // The first child will generally be a header (e.g. "Note" or "This is an experimental feature"),
  // but we have some notes that don't have headers; if there's only one child of the note,
  // assume it's not a header
  > p:first-child:not(:only-child) {
    color:       $note-color;
    font-weight: 700;
    margin-top:  0;

    &::before {
      font-family: FontAwesome;
      content:     "\f058 \00a0";
    }
  }

  &.important {
    border-left-color: $important-color;

    > p:first-child {
      color: $important-color;

      &::before {
        content: "\f06a  \00a0";
      }
    }
  }

  &.warning {
    border-left-color: $warning-color;

    > p:first-child {
      color: $warning-color;

      &::before {
        content: "\f057  \00a0";
      }
    }
  }
}

/* For Bootstrap badges */
span {
  &.badge {
    border-radius:  .25rem;
    color:          #fff;
    display:        inline-block;
    font-size:      75%;
    font-weight:    bold;
    line-height:    1;
    padding:        .25em .4em;
    text-align:     center;
    vertical-align: baseline;
    white-space:    nowrap;

    &.badge-info {
      background-color: $note-color;
    }

    &.badge-danger {
      background-color: $warning-color;
    }

    &.badge-warning {
      background-color: $important-color;
    }
  }
}
<commit_msg>_notes.scss: Refactor how different note styles are defined<commit_after>//noinspection CssNoGenericFontName


@mixin notification($bg-color, $primary-color, $icon) {
  background-color:  $bg-color;
  border-left-color: $primary-color;
  font-size:         unset; // override bootstrap font-size for blockquotes

  // The first child will generally be a header (e.g. "Note" or "This is an experimental feature"),
  // but we have some notes that don't have headers; if there's only one child of the note,
  // assume it's not a header
  > p:first-child:not(:only-child) {
    color:       $primary-color;
    font-weight: 700;
    margin-top:  0;

    &::before {
      font-family: FontAwesome;
      content:     "#{$icon} \00a0";
    }
  }
}

blockquote {
  :not(.important):not(.warning) {
    @include notification($note-bg-color, $note-color, "\f058");
  }

  &.important {
    @include notification($note-bg-color, $important-color, "\f06a");
  }

  &.warning {
    @include notification($note-bg-color, $warning-color, "\f057");
  }
}

/* For Bootstrap badges */
span {
  &.badge {
    border-radius:  .25rem;
    color:          #fff;
    display:        inline-block;
    font-size:      75%;
    font-weight:    bold;
    line-height:    1;
    padding:        .25em .4em;
    text-align:     center;
    vertical-align: baseline;
    white-space:    nowrap;

    &.badge-info {
      background-color: $note-color;
    }

    &.badge-danger {
      background-color: $warning-color;
    }

    &.badge-warning {
      background-color: $important-color;
    }
  }
}

{'fraction_non_alphanumeric': 0.14098045498237743, 'fraction_numerical': 0.016661326497917333, 'mean_word_length': 2.182466870540265, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '3576558', 'n_tokens_mistral': 1115, 'n_tokens_neox': 1055, 'n_words': 246}