<commit_before>// Todo: expansion panel with different background colours

.list-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}

.list-group-item {
  @include transition-standard(background-color, color);

  background-color: $expansion-panel-bg;
  border: 0;
  box-shadow: map-get($expansion-panel-elevation-shadow, shadow);
  color: $expansion-panel-color;
  display: block;
  font-size: $expansion-panel-font-size;
  line-height: $expansion-panel-line-height;
  min-height: $expansion-panel-height;
  padding: $expansion-panel-padding-y $expansion-panel-padding-x;
  position: relative;

  @include active-focus-hover {
    color: $expansion-panel-color;
    text-decoration: none;
  }

  &.active {
    background-color: $expansion-panel-bg-active;
    color: $expansion-panel-color;
  }

  &.disabled,
  &:disabled {
    background-color: $expansion-panel-bg;
    color: $expansion-panel-color-disabled;
  }

  &:first-child {
    @include border-top-radius($expansion-panel-border-radius);
  }

  &:last-child {
    @include border-bottom-radius($expansion-panel-border-radius);
  }

  .card & {
    padding-right: $card-padding-x;
    padding-left: $card-padding-x;
  }
}

.list-group-item-action {
  color: $expansion-panel-color;
  text-align: inherit;
  width: 100%;

  @include active-focus-hover {
    background-color: $expansion-panel-bg-active;
    color: $expansion-panel-color;
    text-decoration: none;
  }

  &.disabled,
  &:disabled {
    background-color: $expansion-panel-bg;
    color: $expansion-panel-color-disabled;
  }

  &:focus {
    outline: 0;
  }
}

@each $color, $values in $theme-colors {
  .list-group-item-#{$color} {
    background-color: theme-color-light($color);
    color: color-yiq(theme-color-light($color));

    &.active {
      background-color: theme-color($color);
      color: color-yiq(theme-color($color));
    }

    &.list-group-item-action {
      @include active-focus-hover {
        background-color: theme-color($color);
        color: color-yiq(theme-color($color));
      }
    }
  }
}

// Expansion panel

.expansion-panel {
  @include transition-standard(background-color, color, margin);

  padding: 0;

  &.show {
    border-radius: $expansion-panel-border-radius;

    &:not(:first-child) {
      margin-top: $expansion-panel-margin-y;

      .card & {
        margin-top: 0;
      }
    }

    &:not(:last-child) {
      margin-bottom: $expansion-panel-margin-y;

      .card & {
        margin-bottom: 0;
      }
    }

    + .expansion-panel {
      @include border-top-radius($expansion-panel-border-radius);

      .card & {
        @include border-top-radius(0);
      }
    }
  }
<commit_msg>Remove redundant margin between two open expansion panels<commit_after>// Todo: expansion panel with different background colours

.list-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}

.list-group-item {
  @include transition-standard(background-color, color);

  background-color: $expansion-panel-bg;
  border: 0;
  box-shadow: map-get($expansion-panel-elevation-shadow, shadow);
  color: $expansion-panel-color;
  display: block;
  font-size: $expansion-panel-font-size;
  line-height: $expansion-panel-line-height;
  min-height: $expansion-panel-height;
  padding: $expansion-panel-padding-y $expansion-panel-padding-x;
  position: relative;

  @include active-focus-hover {
    color: $expansion-panel-color;
    text-decoration: none;
  }

  &.active {
    background-color: $expansion-panel-bg-active;
    color: $expansion-panel-color;
  }

  &.disabled,
  &:disabled {
    background-color: $expansion-panel-bg;
    color: $expansion-panel-color-disabled;
  }

  &:first-child {
    @include border-top-radius($expansion-panel-border-radius);
  }

  &:last-child {
    @include border-bottom-radius($expansion-panel-border-radius);
  }

  .card & {
    padding-right: $card-padding-x;
    padding-left: $card-padding-x;
  }
}

.list-group-item-action {
  color: $expansion-panel-color;
  text-align: inherit;
  width: 100%;

  @include active-focus-hover {
    background-color: $expansion-panel-bg-active;
    color: $expansion-panel-color;
    text-decoration: none;
  }

  &.disabled,
  &:disabled {
    background-color: $expansion-panel-bg;
    color: $expansion-panel-color-disabled;
  }

  &:focus {
    outline: 0;
  }
}

@each $color, $values in $theme-colors {
  .list-group-item-#{$color} {
    background-color: theme-color-light($color);
    color: color-yiq(theme-color-light($color));

    &.active {
      background-color: theme-color($color);
      color: color-yiq(theme-color($color));
    }

    &.list-group-item-action {
      @include active-focus-hover {
        background-color: theme-color($color);
        color: color-yiq(theme-color($color));
      }
    }
  }
}

// Expansion panel

.expansion-panel {
  @include transition-standard(background-color, color, margin);

  padding: 0;

  &.show {
    border-radius: $expansion-panel-border-radius;

    &:not(:first-child) {
      margin-top: $expansion-panel-margin-y;

      .card & {
        margin-top: 0;
      }
    }

    &:not(:last-child) {
      margin-bottom: $expansion-panel-margin-y;

      .card & {
        margin-bottom: 0;
      }
    }

    + .expansion-panel {
      @include border-top-radius($expansion-panel-border-radius);

      &.show {
        margin-top: 0;
      }

      .card & {
        @include border-top-radius(0);
      }
    }
  }

{'fraction_non_alphanumeric': 0.15587007802576666, 'fraction_numerical': 0.004173471239339503, 'mean_word_length': 2.7805212620027433, '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': '6027172', 'n_tokens_mistral': 1965, 'n_tokens_neox': 1894, 'n_words': 304}