<commit_before>@import "../common";

$timeline-border-color: $card-border-color;
$timeline-border: 1px solid $timeline-border-color;
$timeline-hpad: 0; /* allow room for scrollbar? */
$timeline-vpad: 8px;
$timeline-row-shadow: inset 0 5px 20px 5px rgba(0, 0, 0, 0.08);
$timeline-controls-bg: rgba(0, 0, 0, 0.1);
$slot-border-default: 1px solid #ccc;
$slot-bg-default: theme-color(light);
$slot-bg-level: $alert-bg-level;
$slot-border-level: $alert-border-level;
$slot-color-level: $alert-color-level;
$slot-focus-width: $btn-focus-width;
$slot-radius: 5px;


@mixin slot-variant($background, $border, $color) {
  color: $color;
  @include gradient-bg($background);
  border-color: $border;
  &.focus {
    box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
  }
  &.hover, &.focus {
    border-color: mix($black, $border, 3 * $theme-color-interval);
  }
}


.timeline-outer {
  border: $timeline-border;
  :host.flush & {
    border: none;
  }
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  min-height: 10rem;
  overflow: hidden;

  .controls-outer {
    background: $timeline-controls-bg;
    border-bottom: $timeline-border;
    padding: $card-spacer-y $card-spacer-x;
    flex: none;
  }
  .controls-inner {
    .btn {
      font-size: 110%;
      padding: 0.1rem;
      width: 3rem;
    }
    > .btn, > .btn-group {
      margin: 0 5px 0 0;
    }
  }

  .rows-outer {
    flex: auto;
    padding: $timeline-vpad 0;<commit_msg>improve visibility of timeline marker when multiple rows are present<commit_after>@import "../common";

$timeline-border-color: $card-border-color;
$timeline-border: 1px solid $timeline-border-color;
$timeline-hpad: 0; /* allow room for scrollbar? */
$timeline-vpad: 8px;
$timeline-row-shadow: inset 0 5px 20px 5px rgba(0, 0, 0, 0.08);
$timeline-controls-bg: rgba(0, 0, 0, 0.1);
$slot-border-default: 1px solid #ccc;
$slot-bg-default: theme-color(light);
$slot-bg-level: $alert-bg-level;
$slot-border-level: $alert-border-level;
$slot-color-level: $alert-color-level;
$slot-focus-width: $btn-focus-width;
$slot-radius: 5px;


@mixin slot-variant($background, $border, $color) {
  color: $color;
  @include gradient-bg($background);
  border-color: $border;
  &.focus {
    box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
  }
  &.hover, &.focus {
    border-color: mix($black, $border, 3 * $theme-color-interval);
  }
}


.timeline-outer {
  border: $timeline-border;
  :host.flush & {
    border: none;
  }
  box-sizing: border-box;
  display: flex;
  flex-flow: column nowrap;
  min-height: 10rem;
  overflow: hidden;

  .controls-outer {
    background: $timeline-controls-bg;
    border-bottom: $timeline-border;
    padding: $card-spacer-y $card-spacer-x;
    flex: none;
  }
  .controls-inner {
    .btn {
      font-size: 110%;
      padding: 0.1rem;
      width: 3rem;
    }
    > .btn, > .btn-group {
      margin: 0 5px 0 0;
    }
  }

  .rows-outer {
    flex: auto;
    padding: $timeline-vpad 0 1rem;
{'fraction_non_alphanumeric': 0.17204301075268819, 'fraction_numerical': 0.026545698924731184, 'mean_word_length': 3.1870604781997187, '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': '3827323', 'n_tokens_mistral': 1232, 'n_tokens_neox': 1138, 'n_words': 249}