<commit_before>.ticker {
  margin-top: 30px;
  margin-bottom: 24px;
  padding: 0 20px;

  @include smartphone {
    margin-bottom: 20px;
  }
}

.ticker__wrapper {
  padding: 0 16px;
  & > ul {
    padding: 0;
    margin-left: 7px;
  }
}

.ticker__infobox {
  margin-top: -8px;
}

.ticker--scheduled,
.ticker--live,
.ticker--closed { // special borders
  .ticker-item:first-of-type::after {
    content: "";
    position: absolute;
    display: block;
    left: -1px;
  }
}
.ticker--closed { // fix overlapping border
  .ticker-item:first-of-type::after {
    top: 0;
    height: 3px;
    border-left: 1px solid #fff;
  }
}
.ticker--scheduled,
.ticker--live { // elongated border
  .ticker-item:first-of-type::after {
    top: -30px;
    height: 33px;
    border-left: 1px solid $color-border;
  }
}
.ticker--live {
  .ticker-item--new::before { // red center
    content: "•";
    color: $color-link-default;
    font-size: 1.5rem; // 30px;
    line-height: 11px;
    text-indent: 1px; // ~
    transition: opacity .9s linear;
  }
}

.ticker-item { // general
  position: relative;
  margin: -3px 0; // adjustment for last element (without border)
  padding: 0 32px 30px;
  border-left: 1px solid $color-border;

  @include smartphone {
    padding: 0 16px 30px;
  }

  &::before { // grey circle
    content: '';
    position: absolute;
    height: 11px;
    width: 11px;
    top: 3px;
    left: -7px;
    background-color: #fff;
    border: 1px solid $color-border;
    border-radius: 50%;
  }

  &:last-of-type { // no border for the last element
    border: 0;
    margin-left: 1px;
  }

  p {
    margin-top: 0;
  }

  .article-audio,
  .article-video,
  > .image-figure,
  .table-block,
  .embed-inline {
    left: 0;
    margin-top: 24px;

    @include smartphone {
      @include fullwidth-element();
      width: calc(100vw - 1px); // the 1px line on the ticker element *really* messes stuff up...

      margin-top: 10px;
      margin-bottom: 12px;

      border: 5px solid #fff;
      border-width: 5px 0;
      box-shadow: 0 0 10px 10px #fff; // like gradient
    }
  }

  // html embeds special :(<commit_msg>real life != patternlab :(<commit_after>.ticker {
  margin-top: 30px;
  margin-bottom: 24px;
  padding: 0 20px;

  @include smartphone {
    margin-bottom: 20px;
  }
}

.ticker__wrapper {
  padding: 0 16px;
  & > ul {
    padding: 0;
    margin-left: 7px;
  }
}

.ticker__infobox {
  margin-top: -8px;
}

.ticker--scheduled,
.ticker--live,
.ticker--closed { // special borders
  .ticker-item:first-of-type::after {
    content: "";
    position: absolute;
    display: block;
    left: -1px;
  }
}
.ticker--closed { // fix overlapping border
  .ticker-item:first-of-type::after {
    top: 0;
    height: 3px;
    border-left: 1px solid #fff;
  }
}
.ticker--scheduled,
.ticker--live { // elongated border
  .ticker-item:first-of-type::after {
    top: -30px;
    height: 33px;
    border-left: 1px solid $color-border;
  }
}
.ticker--live {
  .ticker-item--new::before { // red center
    content: "•";
    color: $color-link-default;
    font-size: 1.5rem; // 30px;
    line-height: 11px;
    text-indent: 1px; // ~
    transition: opacity .9s linear;
  }
}

.ticker-item { // general
  position: relative;
  margin: -3px 0; // adjustment for last element (without border)
  padding: 0 32px 30px;
  border-left: 1px solid $color-border;

  @include smartphone {
    padding: 0 16px 30px;
  }

  &::before { // grey circle
    content: '';
    position: absolute;
    height: 11px;
    width: 11px;
    top: 3px;
    left: -7px;
    background-color: #fff;
    border: 1px solid $color-border;
    border-radius: 50%;
  }

  &:last-of-type { // no border for the last element
    border: 0;
    margin-left: 1px;
  }

  p {
    margin-top: 0;
  }

  .article-audio,
  .article-video,
  > .image-figure,
  .table-block,
  .embed-inline {
    left: 0;
    margin-top: 24px;

    @include smartphone {
      @include fullwidth-element();
      width: calc(100vw - 1px); // the 1px line on the ticker element *really* messes stuff up...
      margin-left: calc(-50vw - 4px); // in the wild, 4 more pixels are necessary to be removed

      margin-top: 10px;
      margin-bottom: 12px;

      border: 5px solid #fff;
      border-width: 5px 0;
      box-shadow: 0 0 10px 10px #fff; // like gradient
    }
  }

  // html embeds special :(
{'fraction_non_alphanumeric': 0.1484033999540547, 'fraction_numerical': 0.036756260050539856, 'mean_word_length': 2.3085106382978724, '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': '3101115', 'n_tokens_mistral': 1782, 'n_tokens_neox': 1597, 'n_words': 405}