<commit_before>@import '~font-awesome.less';

@import 'variables';

.mb-lolomo {

}

.mb-lolomo-row {
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;

  &:hover {
    .mb-lolomo-row-head {
      .title {
        color: @link-hover-color;

        &::after {
          content: ' @{fa-var-chevron-right}';
          font-family: FontAwesome;
          font-size: smaller;
        }
      }
    }
  }
}

.mb-lolomo-row-head {
  padding-left: 40px;
  margin-bottom: 20px;

  .title {
    font-size: @font-size-h3;
  }
}

.mb-lolomo-row-content {
  max-height: 400px;
  padding-left: 40px;
}




.mb-cover-list {
  height: 100%;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
}

.mb-cover-list-item {
  max-width: 300px;
  height: 100%;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.2s;

  &:hover {
    z-index: 2;
    opacity: 1 !important;
    transform: scale(1.2) translate(20px, 0);
    box-shadow: 0 -5px 15px 15px rgba(0, 0, 0, 0.4);

    & ~ .mb-cover-list-item {
      transform: translate(40px, 0);
    }
  }
}




.mb-cover {
  width: 100%;
  height: 100%;

  &:hover {
    border: 1px solid white;
  }

  .cover-image {
    width: 100%;
    height: 100%;
    background-color: #202020;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.mb-cover-list:hover .mb-cover {
  opacity: 0.4;
}

.mb-cover-list:hover .mb-cover:hover {
  opacity: 1;
}




.mb-lolomo-size(@factor) {
  .mb-cover-list-item {
    width: 300px * @factor;
  }

  .mb-lolomo-row-content {
    height: 400px * @factor;
  }
}

.mb-lolomo-size(1);

@media (max-width: 1920px) {
  .mb-lolomo-size(0.8);
}

@media (max-width: 1600px) {
  .mb-lolomo-size(0.67);
}

@media (max-width: 1400px) {
  .mb-lolomo-size(0.58);
}

@media (max-width: 1200px) {
  .mb-lolomo-size(0.5);
}

@media (max-width: 1000px) {
  .mb-lolomo-size(0.42);
}<commit_msg>Change max-height<commit_after>@import '~font-awesome.less';

@import 'variables';

.mb-lolomo {

}

.mb-lolomo-row {
  padding-top: 50px;
  padding-bottom: 50px;
  overflow: hidden;

  &:hover {
    .mb-lolomo-row-head {
      .title {
        color: @link-hover-color;

        &::after {
          content: ' @{fa-var-chevron-right}';
          font-family: FontAwesome;
          font-size: smaller;
        }
      }
    }
  }
}

.mb-lolomo-row-head {
  padding-left: 40px;
  margin-bottom: 20px;

  .title {
    font-size: @font-size-h3;
  }
}

.mb-lolomo-row-content {
  max-height: 420px;
  padding-left: 40px;
}




.mb-cover-list {
  height: 100%;
  list-style: none;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
  margin: 0;
}

.mb-cover-list-item {
  max-width: 300px;
  height: 100%;
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  transition: all 0.2s;

  &:hover {
    z-index: 2;
    opacity: 1 !important;
    transform: scale(1.2) translate(20px, 0);
    box-shadow: 0 -5px 15px 15px rgba(0, 0, 0, 0.4);

    & ~ .mb-cover-list-item {
      transform: translate(40px, 0);
    }
  }
}




.mb-cover {
  width: 100%;
  height: 100%;

  &:hover {
    border: 1px solid white;
  }

  .cover-image {
    width: 100%;
    height: 100%;
    background-color: #202020;
    background-repeat: no-repeat;
    background-size: cover;
  }
}

.mb-cover-list:hover .mb-cover {
  opacity: 0.4;
}

.mb-cover-list:hover .mb-cover:hover {
  opacity: 1;
}




.mb-lolomo-size(@factor) {
  .mb-cover-list-item {
    width: 300px * @factor;
  }

  .mb-lolomo-row-content {
    height: 420px * @factor;
  }
}

.mb-lolomo-size(1);

@media (max-width: 1920px) {
  .mb-lolomo-size(0.8);
}

@media (max-width: 1600px) {
  .mb-lolomo-size(0.67);
}

@media (max-width: 1440px) {
  .mb-lolomo-size(0.58);
}

@media (max-width: 1280px) {
  .mb-lolomo-size(0.5);
}

@media (max-width: 1024px) {
  .mb-lolomo-size(0.42);
}
{'fraction_non_alphanumeric': 0.18241127348643008, 'fraction_numerical': 0.05897703549060543, 'mean_word_length': 2.3071613459879208, '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': '884356', 'n_tokens_mistral': 1878, 'n_tokens_neox': 1656, 'n_words': 295}