<commit_before>details,
.accordion {
  display: block;
  margin: $base-spacing 0;

  &.open,
  &[open] {
    .accordion-panel {
      display: block;
    }

    .accordion-button,
    summary {
      &::before {
        transform: rotate(180deg);
      }
    }
  }

  .accordion-panel {
    display: none;
    border: solid $small-spacing $lighter-aqua;
    border-top: none;
    padding: $small-spacing;
  }

  .accordion-button,
  summary {
    cursor: pointer;
    display: block;
    padding: $small-spacing;
    border-bottom: none; //normalize from links
    font-weight: $bold-font-weight;

    &::-webkit-details-marker { //remove vanila summary styles
      display: none;
    }

    //========== mostly copied from .local-nav-toggle with colour changes
    position: relative;
    width: 100%;
    margin: $base-spacing 0 0;
    text-align: left;

    &,
    &:hover {
      background-color: $lighter-aqua;
      color: $darker-aqua;
    }

    &::before {
      @extend .chevron-down-navy;
      content: '';
      position: absolute;
      top: .5em;
      bottom: .5em;
      right: $small-spacing;
      width: $medium-spacing;
      background-repeat: no-repeat;
      background-position: center center; //added this not in .local-nav-toggle
      background-size: 100% auto;
      transform: rotate(0deg);
      transition: transform $transition-timing $transition-easing;
    }
    //==================
  }
}<commit_msg>Reorders properties for accordions, aligns accordion content type, and add :hover colour change.<commit_after>details,
.accordion {
  display: block;
  margin: $base-spacing 0;

  &.open,
  &[open] {
    .accordion-panel {
      display: block;
    }

    .accordion-button,
    summary {
      &::before {
        transform: rotate(180deg);
      }
    }
  }

  .accordion-button,
  summary {
    display: block;
    position: relative;
    width: 100%;
    margin: $base-spacing 0 0;
    padding: $small-spacing;
    border-bottom: none;
    border-top-right-radius: $tiny-border-radius;
    border-top-left-radius: $tiny-border-radius;
    background-color: $lighter-aqua;
    color: $darker-aqua;
    text-align: left;
    font-weight: $bold-font-weight;
    cursor: pointer;

    // Remove vanilla summary styles.
    &::-webkit-details-marker {
      display: none;
    }

    &:hover {
      background-color: $light-aqua;
      color: $non-black;
    }

    &::before {
      @extend .chevron-down-navy;

      content: '';
      position: absolute;
      top: .5em;
      right: $small-spacing;
      bottom: .5em;
      width: $medium-spacing;
      background-repeat: no-repeat;
      background-position: center center; // added this not in .local-nav-toggle
      background-size: 100% auto;
      transform: rotate(0deg);
      transition: transform $transition-timing $transition-easing;
    }
  }

  .accordion-panel {
    display: none;
    padding: $small-spacing $base-spacing;
    border: solid $small-spacing $lighter-aqua;
    border-top: none;
    border-bottom-right-radius: $tiny-border-radius;
    border-bottom-left-radius: $tiny-border-radius;
  }
}
{'fraction_non_alphanumeric': 0.1402439024390244, 'fraction_numerical': 0.009627727856225931, 'mean_word_length': 2.380694143167028, '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': '94473', 'n_tokens_mistral': 1074, 'n_tokens_neox': 998, 'n_words': 225}