<commit_before>@import '~amo/css/styles';

.Home {
  @include page-padding();
}

.Home-FeaturedThemes {
  .Card-contents {
    .AddonsCard-list {
      grid-template-columns: repeat(3, 33%);
    }
  }
}

.Home-SubjectShelf {
  .Card-header {
    display: block;

    @include respond-to(extraLarge) {
      display: none;
    }
  }

  .Card-contents {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    overflow: auto;
    width: 100%;

    @include respond-to(extraLarge) {
      border-top-left-radius: $border-radius-default;
      border-top-right-radius: $border-radius-default;
      flex-wrap: nowrap;
      padding: 24px 36px;
    }
  }
}

.Home-SubjectShelf-text-wrapper {
  align-self: center;
  display: none;
  height: auto;

  @include respond-to(extraLarge) {
    align-self: center;
    display: block;
    max-width: 130px;
  }

  @include respond-to(extraLarge) {
    max-width: 250px;
  }
}

.Home-SubjectShelf-subheading {
  font-size: $font-size-m-smaller;
  margin: 0;
}

.Home-SubjectShelf-list {
  align-self: center;
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  margin: 0 auto;
  overflow: auto;
  padding: 0;
  width: 100%;

  @include respond-to(medium) {
    flex-flow: row wrap;
  }

  @include respond-to(large) {
    align-self: auto;
    flex-wrap: nowrap;
  }
}

.Home-SubjectShelf-list-item {
  flex-grow: 1;
  list-style-type: none;
  margin: 15px 0;
  text-align: center;
  width: 100%;

  @include respond-to(medium) {
    width: 40%;
  }

  @include respond-to(large) {
    margin: 0;
  }
}

.Home-SubjectShelf-link {
  align-items: center;
  display: flex;
  font-size: $font-size-m-smaller;
  text-decoration: none;

  @include respond-to(large) {
    display: inline-block;
  }

  &:link,
  &:visited {
    color: $black;
  }

  &:active,
  &:focus,
  &:hover {
    color: $link-color;
    text-decoration: underline;
  }
}

.Home-SubjectShelf-list-item .Icon {
  background-position: left;
  background-repeat: no-repeat;
  background-size: 64px;
  border-radius: $border-radius-default;
  content: '';
  display: block;
  height: 64px;
  margin-bottom: 5px;
  transform: scale(0.8);
  width: 35%;

  @include respond-to(medium) {
    transform: initial;
  }

  @include respond-to(large) {
    background-position: center;
    width: 100%;
  }
}

.Icon-Home-SubjectShelf-ad-blockers {
  background-image: url('./img/ad-blockers.svg');
}

.Icon-Home-SubjectShelf-password-managers {<commit_msg>Revert "Made homepage more responsive(720-760px width)" (#6212)<commit_after>@import '~amo/css/styles';

.Home {
  @include page-padding();
}

.Home-FeaturedThemes {
  .Card-contents {
    .AddonsCard-list {
      grid-template-columns: repeat(3, 33%);
    }
  }
}

.Home-SubjectShelf {
  .Card-header {
    display: block;

    @include respond-to(large) {
      display: none;
    }
  }

  .Card-contents {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0 auto;
    overflow: auto;
    width: 100%;

    @include respond-to(large) {
      border-top-left-radius: $border-radius-default;
      border-top-right-radius: $border-radius-default;
      flex-wrap: nowrap;
      padding: 24px 36px;
    }
  }
}

.Home-SubjectShelf-text-wrapper {
  align-self: center;
  display: none;
  height: auto;

  @include respond-to(large) {
    align-self: center;
    display: block;
    max-width: 130px;
  }

  @include respond-to(extraLarge) {
    max-width: 250px;
  }
}

.Home-SubjectShelf-subheading {
  font-size: $font-size-m-smaller;
  margin: 0;
}

.Home-SubjectShelf-list {
  align-self: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 auto;
  overflow: auto;
  padding: 0;
  width: 100%;

  @include respond-to(large) {
    align-self: auto;
    flex-wrap: nowrap;
  }
}

.Home-SubjectShelf-list-item {
  flex-grow: 1;
  list-style-type: none;
  margin: 15px 0;
  text-align: center;
  width: 40%;

  @include respond-to(large) {
    margin: 0;
  }
}

.Home-SubjectShelf-link {
  font-size: $font-size-m-smaller;
  text-decoration: none;

  &:link,
  &:visited {
    color: $black;
  }

  &:active,
  &:focus,
  &:hover {
    color: $link-color;
    text-decoration: underline;
  }
}

.Home-SubjectShelf-list-item .Icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 64px;
  border-radius: $border-radius-default;
  content: '';
  display: block;
  height: 64px;
  margin-bottom: 5px;
  transform: scale(0.8);
  width: 100%;

  @include respond-to(medium) {
    transform: initial;
  }
}

.Icon-Home-SubjectShelf-ad-blockers {
  background-image: url('./img/ad-blockers.svg');
}

.Icon-Home-SubjectShelf-password-managers {
{'fraction_non_alphanumeric': 0.15207373271889402, 'fraction_numerical': 0.01989945538332635, 'mean_word_length': 2.841512469831054, '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': '4721322', 'n_tokens_mistral': 1918, 'n_tokens_neox': 1785, 'n_words': 339}