<commit_before>$max-event-details-width = $max-ui-width+300

.event
  .table
    border 0
    thead
    tbody
      tr
        th
        td
          &:first-of-type
            padding-left $page-padding-small-screen
            +above(3)
              padding-left $page-padding
    thead
      tr
        th
          border-color $border-primary-light
    td
      &:first-child
        +below(3)
          width 100%
      &.title
        max-width 200px
        text-overflow ellipsis
        white-space nowrap
        overflow hidden
  section
    padding-top 0
    padding-bottom 0
    margin-bottom 4em
    border-bottom 1px solid $border-primary
    &:first-of-type
      border 0
    &:nth-of-type(2)
      margin-bottom 0
      border-color $primary
    .heading
      border-bottom 1px solid $border-primary
      padding-bottom 1em
      padding-top 1em
      background $border-primary-light
    h2
      font-size 2em
      font-weight 400
      text-transform uppercase
  .reactive-table-options
    display none

.event--basic-info
  margin 2em 0 0 0
  padding-top 2em
  +above(4)
    margin-right $page-padding*-1

.event--details
.event--metadata
  min-width 50%

.event--details
  margin-right 5%

.event--metadata
  flex-direction column

.event--metadata--counts
.event--metadata--secondary-content
  +above(4)
    padding-right $page-padding

.event--metadata--counts
  border-bottom 1px solid $secondary
  flex-direction row
  +between(4, $max-ui-width)
    flex-direction column
  +above($max-event-details-width)
    flex-direction row
  .count
    display flex
    flex-direction column
    align-items center
    border-right 1px solid lighten($secondary, 40%)
    font-weight 800
    text-align center
    padding 1em
    &:last-of-type
      border-right 0
    h4
      font-size 1.25em
      font-weight 300
      text-transform uppercase
      color $primary
      +above(3)
        font-size 1.5em
    span
      font-size 3.5em
      color $primary
      line-height 1

.event--metadata--secondary-content
  flex-grow 0
  flex-direction column
  align-items stretch
  +between(3,4)
    flex-direction row
    align-items center
    justify-content space-between
  +between(4, $max-event-details-width)
    align-items center
    flex-direction column
  +above($max-event-details-width)<commit_msg>Remove padding on event details wrapper to fix spacing bug<commit_after>$max-event-details-width = $max-ui-width+300

.event
  .table
    border 0
    thead
    tbody
      tr
        th
        td
          &:first-of-type
            padding-left $page-padding-small-screen
            +above(3)
              padding-left $page-padding
    thead
      tr
        th
          border-color $border-primary-light
    td
      &:first-child
        +below(3)
          width 100%
      &.title
        max-width 200px
        text-overflow ellipsis
        white-space nowrap
        overflow hidden
  section
    padding-top 0
    padding-bottom 0
    margin-bottom 4em
    border-bottom 1px solid $border-primary
    &:first-of-type
      border 0
    &:nth-of-type(2)
      margin-bottom 0
      border-color $primary
    .heading
      border-bottom 1px solid $border-primary
      padding-bottom 1em
      padding-top 1em
      background $border-primary-light
    h2
      font-size 2em
      font-weight 400
      text-transform uppercase
  .reactive-table-options
    display none

.event--basic-info
  margin 2em 0 0 0
  padding-top 2em
  +above(4)
    padding-right 0

.event--details
.event--metadata
  width 100%
  +above(4)
    width 50%

.event--details
  margin-right 5%
  margin-bottom 2em
  +above(4)
    margin-bottom 0

.event--metadata
  flex-direction column

.event--metadata--counts
.event--metadata--secondary-content
  +above(4)
    padding-right $page-padding

.event--metadata--counts
  border-bottom 1px solid $secondary
  flex-direction row
  +between(4, $max-ui-width)
    flex-direction column
  +above($max-event-details-width)
    flex-direction row
  .count
    display flex
    flex-direction column
    align-items center
    border-right 1px solid lighten($secondary, 40%)
    font-weight 800
    text-align center
    padding 1em
    &:last-of-type
      border-right 0
    h4
      font-size 1.25em
      font-weight 300
      text-transform uppercase
      color $primary
      +above(3)
        font-size 1.5em
    span
      font-size 3.5em
      color $primary
      line-height 1

.event--metadata--secondary-content
  flex-grow 0
  flex-direction column
  align-items center
  +between(3,4)
    flex-direction row
    align-items center
    justify-content space-between
  +between(4, $max-event-details-width)
    align-items center
    flex-direction column
  +above($max-event-details-width)
{'fraction_non_alphanumeric': 0.09050911376492772, 'fraction_numerical': 0.02870312172637754, 'mean_word_length': 2.027266962587191, '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': '3731058', 'n_tokens_mistral': 1618, 'n_tokens_neox': 1489, 'n_words': 370}