<commit_before>+keyframes(faber-block-moving)
  0%
    border-color: #80b2ff
  60%
    border-color: #80b2ff
  100%
    border-color: #eee

.faber-blocks
  list-style: none

  faber-block
    display: block

    .faber-block-item
      position: relative
      border: 2px solid transparent

      &.faber-block-hover,
      &.faber-block-selected
        border-color: #eee

        .faber-block-actions
          display: block

      &.faber-block-moving
        +animation(faber-block-moving 1s)

    .faber-block-actions
      display: none
      position: absolute
      right: 0.2em
      top: 0.2em

    .faber-block-position
      font-size: 1em
      color: #ccc
      margin-right: 0.5em

      span
        color: $blue
        display: inline-block
        position: relative

      select
        +appearance(none)
        +border-radius(0)
        +opacity(0)

        position: absolute
        top: 0
        left: 0
        width: 100%
        margin: 0
        border: none
        font: inherit
        font-size: 1em
        color: $blue
        background: transparent
        cursor: pointer

    button.faber-block-close
      font-size: 1.2em
      color: $blue
      border: none
      background: transparent
      cursor: pointer

      +appearance(none)

  faber-component-renderer
    display: block

    & > div
      padding: 1em<commit_msg>Bug fix: weird Chrome outline ghost when enter key pressed inside of focused content-editable area<commit_after>+keyframes(faber-block-moving)
  0%
    border-color: #80b2ff
  60%
    border-color: #80b2ff
  100%
    border-color: #eee

.faber-blocks
  list-style: none

  faber-block
    display: block

    .faber-block-item
      position: relative
      border: 2px solid transparent

      &.faber-block-hover,
      &.faber-block-selected
        border-color: #eee

        .faber-block-actions
          display: block

      &.faber-block-moving
        +animation(faber-block-moving 1s)

    .faber-block-actions
      display: none
      position: absolute
      right: 0
      top: 0

    .faber-block-position
      font-size: 1em
      color: #ccc
      margin-right: 0.5em

      span
        color: $blue
        display: inline-block
        position: relative

      select
        +appearance(none)
        +border-radius(0)
        +opacity(0)

        position: absolute
        top: 0
        left: 0
        width: 100%
        margin: 0
        border: none
        font: inherit
        font-size: 1em
        color: $blue
        background: transparent
        cursor: pointer

    button.faber-block-close
      font-size: 1.2em
      color: $blue
      border: none
      background: transparent
      cursor: pointer

      +appearance(none)

  faber-component-renderer
    display: block

    & > div
      padding: 1em

    *:focus
      outline: rgba($blue, 0.2) solid 2px
      outline-offset: 2px
{'fraction_non_alphanumeric': 0.08884297520661157, 'fraction_numerical': 0.023415977961432508, 'mean_word_length': 1.727699530516432, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3584408', 'n_tokens_mistral': 976, 'n_tokens_neox': 895, 'n_words': 221}