<commit_before>// ---------------------------------------------------------------
//
//  Category tree module
//
// ---------------------------------------------------------------

.Categories {
  @extend %layout-col-29;
  margin-right: 2.5%;
  margin-bottom: 40px;
}

.Categories__headline {
  @extend %roboto_regular;
  font-weight: 400;
}

// General styling
.Categories__listitem {
  margin-top: 5px;

  a {
    text-decoration: none;
  }

  &:first-child {
    margin-top: 0;
  }
}

.Categories__list .Categories__list {
  padding-left: 30px;
}

// List visibility and hasChild-indicator
.Categories__listitem {

  &,
  li,
  li li {
    list-style: disc;
  }

  > .Categories__list {
    display: none;
  }

  &.active {
    > a {
      @extend %roboto_bold;
    }

    > .Categories__list {
      display: block;
    }
  }
}

// First level item
.Categories > .Categories__list > .Categories__listitem {
  list-style: none;
  margin-bottom: 20px;

  > a {
    @extend %roboto_bold;
    @extend %clarat_rounding_start;
    @extend %clarat_rounding_end;
    display: block;
    min-height: 32px;
    background: $brand_blue;
    color: $brand_white;
    font-size: 18px;
    padding: 4px 10px;
  }

  &.active > a {
    background: $brand_brown;
  }
}

// Other
.Categories .Categories__list .Categories__listitem .Categories__list {
  margin: 8px 0;

  a {
    background: transparent;
    color: $brand_brown;
    font-weight: 400;
    font-size: $base_font_size;

  }
}
<commit_msg>Refactored Categories CSS partial with newly provided classes<commit_after>// ---------------------------------------------------------------
//
//  Category tree module
//
// ---------------------------------------------------------------

.Categories {
  @extend %layout-col-29;
  margin-right: 2.5%;
  margin-bottom: 40px;
}

.Categories__headline {
  @extend %roboto_regular;
  font-weight: 400;
}

.Categories__listitem {
  margin-top: 5px;

  a {
    text-decoration: none;
  }

  &:first-child {
    margin-top: 0;
  }

  &,
  li,
  li li {
    list-style: circle;
  }

  > .Categories__list {
    display: none;
  }

  &.active {
    > a {
      @extend %roboto_bold;
    }

    > .Categories__list {
      display: block;
    }
  }

  &.depth--0 {
    list-style: none;
    margin-bottom: 20px;

    .has-children {
      list-style: disc;
    }

    .Categories__list {
      margin: 8px 0;

      a {
        background: transparent;
        color: $brand_brown;
        font-weight: 400;
        font-size: $base_font_size;
      }
    }

    > a {
      @extend %roboto_bold;
      @extend %clarat_rounding_start;
      @extend %clarat_rounding_end;
      display: block;
      min-height: 32px;
      background: $brand_blue;
      color: $brand_white;
      font-size: 18px;
      padding: 4px 10px;
    }

    &.active > a {
      background: $brand_brown;
    }
  }
}

.Categories__list .Categories__list {
  padding-left: 30px;
}


{'fraction_non_alphanumeric': 0.20313031643416127, 'fraction_numerical': 0.0187138482477033, 'mean_word_length': 1.719703977798335, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, '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': '817473', 'n_tokens_mistral': 1091, 'n_tokens_neox': 983, 'n_words': 198}