<commit_before>
@include keyframes(cell-rotate) {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}



$min-width: round($mini-screen * 0.3);

$spacing: round($default-gap * 0.8);
$configuring-min-height: 400px;
.beehive {
  padding: $spacing;
  background: $desktop-background;
  overflow: auto;

  .beehive-tools {
    display: none;
    padding: $default-gap;
    margin: $spacing;
    background: #EEE;
  }

  .box {
    $min-height: 200px;
    $cell-border-width: 1px;
    $cell-border: $cell-border-width solid #DDD;
    $cell-title-vertical-padding: round($default-gap*1);
    $cell-title-horizontal-padding: round($default-gap*1.3);
    clear: both;

    .cell {
      padding: 0;
      margin: 0;
      width: 100%;
      // @include inline-block;
      @include float(left);
      display: block;
      vertical-align: top;

      .cell-inner {
        background: white;
        border: 1px solid #DDD;
        margin: $spacing;
        @include border-radius($default-border-radius);

        .cell-title {
          color: $neutral-color;
          font-weight: bold;
          padding: $cell-title-vertical-padding $cell-title-horizontal-padding;
          // background: #EEE;
          @include text-align(left);
          // border-top: 2px solid $active-color;
          border-bottom: $cell-border;
          @include ellipsis;
          i {
            color: $text-color;
            @include is-icon($fs-normal);
            @include use-icon(bookmark);
          }
          a[data-beehive-remove="cell"] {
            @include float(right);
            display: none;
            width: $fs-normal;
            @include text-align(center);
            i {
              @include is-icon($fs-normal);
              @include use-icon(remove);
            }
          }
        }

        .cell-content {
          padding: $cell-title-vertical-padding $cell-title-horizontal-padding;
          background: #FFFFFF;
          height: auto;
          overflow: auto;

          > .cell-indicator {
            color: $neutral-color;
            @include is-icon(6 * $fs-normal);
            @include inline-block;
          }

          > .toolbar {
            @include margin-left($default-gap);
          }
        }

        .cell-bottom {
          clear: both;
        }
      }

      &.dragging {
        width: auto;
        .cell-inner {
          @include box-shadow(0 0 (3*$default-gap) rgba(black, 0.4))
        }
      }


      &.loading, &.errored, &.blank {
        > .cell-inner > .cell-content {
          text-align: center;
          padding: 3 * $fs-normal;
          cursor: default;
        }
      }

      &.loading {
        > .cell-inner > .cell-content > .cell-indicator {
          opacity: 0.8;<commit_msg>Adds shadow on cell dragging<commit_after>
@include keyframes(cell-rotate) {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}



$min-width: round($mini-screen * 0.3);

$spacing: round($default-gap * 0.8);
$configuring-min-height: 400px;
.beehive {
  padding: $spacing;
  background: $desktop-background;
  overflow: auto;

  .beehive-tools {
    display: none;
    padding: $default-gap;
    margin: $spacing;
    background: #EEE;
  }

  .box {
    $min-height: 200px;
    $cell-border-width: 1px;
    $cell-border: $cell-border-width solid #DDD;
    $cell-title-vertical-padding: round($default-gap*1);
    $cell-title-horizontal-padding: round($default-gap*1.3);
    clear: both;

    .cell {
      padding: 0;
      margin: 0;
      width: 100%;
      // @include inline-block;
      @include float(left);
      display: block;
      vertical-align: top;


      .cell-inner {
        background: white;
        border: 1px solid #DDD;
        margin: $spacing;
        @include border-radius($default-border-radius);
        @include box-shadow(0 0 0 transparent);
        @include transition(box-shadow 0.4s);

        .cell-title {
          color: $neutral-color;
          font-weight: bold;
          padding: $cell-title-vertical-padding $cell-title-horizontal-padding;
          // background: #EEE;
          @include text-align(left);
          // border-top: 2px solid $active-color;
          border-bottom: $cell-border;
          @include ellipsis;
          i {
            color: $text-color;
            @include is-icon($fs-normal);
            @include use-icon(bookmark);
          }
          a[data-beehive-remove="cell"] {
            @include float(right);
            display: none;
            width: $fs-normal;
            @include text-align(center);
            i {
              @include is-icon($fs-normal);
              @include use-icon(remove);
            }
          }
        }

        .cell-content {
          padding: $cell-title-vertical-padding $cell-title-horizontal-padding;
          background: #FFFFFF;
          height: auto;
          overflow: auto;

          > .cell-indicator {
            color: $neutral-color;
            @include is-icon(6 * $fs-normal);
            @include inline-block;
          }

          > .toolbar {
            @include margin-left($default-gap);
          }
        }

        .cell-bottom {
          clear: both;
        }
      }
      &.dragging, &.ui-sortable-helper {
        width: auto;
        .cell-inner {
          width: auto;
          @include box-shadow(0 0 ($default-gap) rgba(black, 0.2))
        }
      }


      &.loading, &.errored, &.blank {
        > .cell-inner > .cell-content {
          text-align: center;
          padding: 3 * $fs-normal;
          cursor: default;
        }
      }

      &.loading {
        > .cell-inner > .cell-content > .cell-indicator {
          opacity: 0.8;
{'fraction_non_alphanumeric': 0.13799720865317516, 'fraction_numerical': 0.013956734124214934, 'mean_word_length': 1.60828025477707, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, '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': '5206121', 'n_tokens_mistral': 1875, 'n_tokens_neox': 1753, 'n_words': 348}