<commit_before>@import "app/variables.scss";
@import "app/mixins.scss";

.MappingIndexItem {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: $aleph-grid-size 0;
  box-shadow: $pt-elevation-shadow-1;
  transition: box-shadow .1s ease-in-out;
  opacity: .6;

  &.bp3-intent-primary {
    opacity: 1;
    background: $light-gray5 !important;
  }
  &.bp3-intent-warning {
    opacity: 1;
  }

  &:hover {
    box-shadow: $pt-elevation-shadow-2;
  }

  &__section {
    width: 33%;
    @include rtlSupportInvertedProp(margin, right, $aleph-grid-size*2, none);

    &:last-child {
      margin: 0;
      @include rtl(text-align, right, left);
    }
    span {
      text-decoration: none !important;
    }
  }

  &__schemata {
    .SchemaLabel {
      display: block;
      white-space: nowrap;
      margin-bottom: 5px;
      font-weight: bolder;
    }
  }

  &__statusItem {
    margin-bottom: 5px;
  }
}
<commit_msg>mobile foldup for mappingIndexItem<commit_after>@import "app/variables.scss";
@import "app/mixins.scss";

.MappingIndexItem {
  display: flex;
  // flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  margin: $aleph-grid-size 0;
  box-shadow: $pt-elevation-shadow-1;
  transition: box-shadow .1s ease-in-out;
  opacity: .6;

  &.bp3-intent-primary {
    opacity: 1;
    background: $light-gray5 !important;
  }
  &.bp3-intent-warning {
    opacity: 1;
  }

  &:hover {
    box-shadow: $pt-elevation-shadow-2;
  }

  @media screen and (max-width: $aleph-screen-sm-max-width) {
    flex-wrap: wrap;
  }

  &__section {
    width: 33%;
    @include rtlSupportInvertedProp(margin, right, $aleph-grid-size*2, none);

    &:last-child {
      @include rtl(text-align, right, left);
      @media screen and (max-width: $aleph-screen-sm-max-width) {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: $aleph-grid-size;
        padding-top: $aleph-grid-size/2;
        border-top: 1px solid $aleph-border-color;
      }
    }

    span {
      text-decoration: none !important;
    }
  }

  &__schemata {
    .SchemaLabel {
      display: block;
      white-space: nowrap;
      margin-bottom: 5px;
      font-weight: bolder;
    }
  }

  &__statusItem {
    margin-bottom: 5px;
  }
}

{'fraction_non_alphanumeric': 0.14792122538293218, 'fraction_numerical': 0.018380743982494528, 'mean_word_length': 2.4900763358778626, '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': '1687496', 'n_tokens_mistral': 892, 'n_tokens_neox': 849, 'n_words': 161}