<commit_before>$card-padding: 20px;

.collections-page {
  margin-right: 90px;
}

.collections-header {
  padding-left: 20px;
  margin-bottom: 50px;
}

.collections-title {
  font-weight: bold;
  text-transform: uppercase;
  border-top-style: solid;
  border-top-width: 4px;
  line-height: 1;
  padding-top: 10px;
}

.collections-description {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 25px;
  line-height: 1.25;
}

.collection-card-item {
  position:relative;
  display: inline-block;

  @include max-small() {
    margin:10px calc(50% - 180px);
  }
  @include max-tiny() {
    margin:10px;
  }
  .collection-card {
    position: relative;
    padding: $card-padding;
    height: 312px;
    box-shadow: none !important;
    margin-bottom: 5px;

    @include max-tiny() {
      height: 290px;
      margin-bottom:20px;
    }

    & > div {
      display: flex;
      flex-direction: column;
    }
    .collection-card-content {
      width: 313px;
      border-top-style: solid;
      border-top-width: 4px;
      margin-left: auto;
      padding-top: 10px;
      color: rgba(0,0,0,0.6);

      @include max-tiny() {
        width: 100%;
      }
    }
    .collection-card-title {
      color: rgba(0,0,0,0.7);
      font-size: 30px !important;
      padding: 0px !important;
      line-height: 120% !important;
      padding-bottom: 10px !important;
      .users-name:hover {
        color: rgba(0,0,0,0.3);
      }
    }
    .collection-card-author {
      font-weight: 400;
      margin-top: 3px;
    }
    .collection-card-text {
      padding: 0px !important;
      line-height: 1.4rem !important;
      font-size: 1.1rem !important;
    }
    .collection-card-media {
      position: absolute !important;
      order: 2;
      height: 90px;
      width: 313px;
      overflow:hidden;
      bottom: 20px;
      @include max-tiny() {
        width: 100%;
      }
    }
    a:hover {
      text-decoration: none;
    }
  }
  &:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    z-index: 100;
    .collection-card-link {
      text-decoration: none;
    }
  }
  &.big {
    width: auto;
    .collection-card {
      & > div {
        flex-direction: row;
      }
    }
    .collection-card-media {
      position: relative !important;
      order: 0;
      bottom: inherit;
      width: 335px;
      height: 271px;
      @include max-tiny() {
        width: 100%;
      }
    }
    .collection-card-content {
      margin-left: 20px;
    }
  }
}

.recommended-reading-section {
  margin-top: -20px;
}



.book-subtitle {
    line-height: 1.1;
    font-size: 20px;
    margin-top: 20px;
    font-style: italic;
}

.book-description {
    margin-left: 20px;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 25px;
}

.chapters-edit-form {
    width: 700px;
    margin-left: auto;
    margin-right: 75px;
}
<commit_msg>Update _collections.scss<commit_after>$card-padding: 20px;

.collections-page {
  margin-right: 90px;
}

.collections-header {
  padding-left: 20px;
  margin-bottom: 50px;
}

.collections-title {
  font-weight: bold;
  text-transform: uppercase;
  border-top-style: solid;
  border-top-width: 4px;
  line-height: 1;
  padding-top: 10px;
}

.collections-description {
  font-size: 20px;
  margin-top: 30px;
  margin-bottom: 25px;
  line-height: 1.25;
}

.collection-card-item {
  position:relative;
  display: inline-block;

  @include max-small() {
//     TODO: remove this calc function, get margin:auto working as intended
    margin:10px calc(50% - 180px);
  }
  @include max-tiny() {
    margin:10px;
  }
  .collection-card {
    position: relative;
    padding: $card-padding;
    height: 312px;
    box-shadow: none !important;
    margin-bottom: 5px;

    @include max-tiny() {
      height: 290px;
      margin-bottom:20px;
    }

    & > div {
      display: flex;
      flex-direction: column;
    }
    .collection-card-content {
      width: 313px;
      border-top-style: solid;
      border-top-width: 4px;
      margin-left: auto;
      padding-top: 10px;
      color: rgba(0,0,0,0.6);

      @include max-tiny() {
        width: 100%;
      }
    }
    .collection-card-title {
      color: rgba(0,0,0,0.7);
      font-size: 30px !important;
      padding: 0px !important;
      line-height: 120% !important;
      padding-bottom: 10px !important;
      .users-name:hover {
        color: rgba(0,0,0,0.3);
      }
    }
    .collection-card-author {
      font-weight: 400;
      margin-top: 3px;
    }
    .collection-card-text {
      padding: 0px !important;
      line-height: 1.4rem !important;
      font-size: 1.1rem !important;
    }
    .collection-card-media {
      position: absolute !important;
      order: 2;
      height: 90px;
      width: 313px;
      overflow:hidden;
      bottom: 20px;
      @include max-tiny() {
        width: 100%;
      }
    }
    a:hover {
      text-decoration: none;
    }
  }
  &:hover {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.12);
    z-index: 100;
    .collection-card-link {
      text-decoration: none;
    }
  }
  &.big {
    width: auto;
    .collection-card {
      & > div {
        flex-direction: row;
      }
    }
    .collection-card-media {
      position: relative !important;
      order: 0;
      bottom: inherit;
      width: 335px;
      height: 271px;
      @include max-tiny() {
        width: 100%;
      }
    }
    .collection-card-content {
      margin-left: 20px;
    }
  }
}

.recommended-reading-section {
  margin-top: -20px;
}



.book-subtitle {
    line-height: 1.1;
    font-size: 20px;
    margin-top: 20px;
    font-style: italic;
}

.book-description {
    margin-left: 20px;
    font-size: 20px;
    line-height: 1.25;
    margin-bottom: 25px;
}

.chapters-edit-form {
    width: 700px;
    margin-left: auto;
    margin-right: 75px;
}

{'fraction_non_alphanumeric': 0.1421007685738685, 'fraction_numerical': 0.04987190435525192, 'mean_word_length': 2.0468262226847034, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '922845', 'n_tokens_mistral': 2410, 'n_tokens_neox': 2134, 'n_words': 433}