<commit_before>// Boostrap Collapse / Panel headings / Rubriklister

@import '../common/icons';
@import '../../variables/colors';
@import '../../variables/_svg_data';
@mixin iconCommon {
  font-size: 1.5rem;
  line-height: 1.2rem;
  margin-right: 0.5rem;
  text-decoration: none;
  vertical-align: middle;
}

.card {
  &.collapsible {
    border: 0;
    cursor: pointer;

    .card-header {
      border-radius: 0.25rem;
      border-bottom: 0;

      padding-top: 7px;
      padding-bottom: 7px;

      a {
        font-size: 16px;
        font-weight: 600;
        text-overflow: ellipsis;
        text-align: left;
        text-decoration: none;
        overflow: hidden;

        &:before {
          content: '';
          height: 14px;
          width: 14px;
          display: inline-block;
          margin: auto;
          margin-bottom: -1px;
          background-size: contain;
          background-repeat: no-repeat;
          margin-right: 0.6rem;

          &:hover {
            text-decoration: none;
          }
        }

        &[aria-expanded~='false'][load~='false'] {
          &:before {
            animation: rotateUp 0.3s ease-in-out forwards;
          }
        }

        &[aria-expanded~='true'][load~='false'] {
          &:before {
            animation: rotateDown 0.3s ease-in-out forwards;
          }
        }
      }
    }

    &.white,
    &.collapse > &.white {
      .card-header {
        background-color: $white;

        a {
          color: $black;

          &:before {
            background-image: $data-arrow-black-right-svg;
          }
        }
      }
    }

    &.blue {
      .card-header {
        background-color: $blue;

        a {
          color: $white;

          &:before {
            background-image: $data-arrow-white-right-svg;
          }
        }
      }
    }

    @keyframes rotateDown {
      100% {
        transform: rotate(90deg);
        transform-origin: 22% 40%;
      }
    }

    @keyframes rotateUp {
      0% {
        transform: rotate(90deg);
        transform-origin: 22% 40%;
      }
    }
  }
}
<commit_msg>Added style for collapse (react and bootstrap)<commit_after>// Boostrap Collapse / Panel headings / Rubriklister

@import '../common/icons';
@import '../../variables/colors';
@import '../../variables/_svg_data';
@mixin iconCommon {
  font-size: 1.5rem;
  line-height: 1.2rem;
  margin-right: 0.5rem;
  text-decoration: none;
  vertical-align: middle;
}

.card {
  &.collapsible {
    border: 0;
    cursor: pointer;

    button.card-header {
      border-radius: 0.25rem;
      border-bottom: 0;
      padding-top: 7px;
      padding-bottom: 7px;
      font-size: 16px;
      font-weight: 600;
      text-overflow: ellipsis;
      text-align: left;
      text-decoration: none;
      overflow: hidden;
      background-color: transparent;
      color: white;
      border: none;
      width: 100%;

      &:before {
        content: '';
        height: 14px;
        width: 14px;
        display: inline-block;
        margin: auto;
        margin-bottom: -1px;
        background-size: contain;
        background-repeat: no-repeat;
        margin-right: 0.6rem;

        &:hover {
          text-decoration: none;
        }
      }

      &[aria-expanded~='false'] {
        &:before {
          animation: rotateUp 0.3s ease-in-out forwards;
        }
      }

      &[aria-expanded~='true'] {
        &:before {
          animation: rotateDown 0.3s ease-in-out forwards;
        }
      }
    }

    .card-header {
      border-radius: 0.25rem;
      border-bottom: 0;

      padding-top: 7px;
      padding-bottom: 7px;

      a,
      button {
        font-size: 16px;
        font-weight: 600;
        text-overflow: ellipsis;
        text-align: left;
        text-decoration: none;
        overflow: hidden;
        background-color: transparent;
        color: white;
        border: none;

        &:before {
          content: '';
          height: 14px;
          width: 14px;
          display: inline-block;
          margin: auto;
          margin-bottom: -1px;
          background-size: contain;
          background-repeat: no-repeat;
          margin-right: 0.6rem;

          &:hover {
            text-decoration: none;
          }
        }

        &[aria-expanded~='false'] {
          &:before {
            animation: rotateUp 0.3s ease-in-out forwards;
          }
        }

        &[aria-expanded~='true'] {
          &:before {
            animation: rotateDown 0.3s ease-in-out forwards;
          }
        }
      }
    }

    &.white,
    &.collapse > &.white {
      button.card-header {
        background-color: $white;
        color: $black;

        &:before {
          background-image: $data-arrow-black-right-svg;
        }
      }

      .card-header {
        background-color: $white;

        a,
        button {
          color: $black;

          &:before {
            background-image: $data-arrow-black-right-svg;
          }
        }
      }
    }

    &.blue {
      button.card-header {
        background-color: $blue;
        color: $white;

        &:before {
          background-image: $data-arrow-white-right-svg;
        }
      }

      .card-header {
        background-color: $blue;

        a,
        button {
          color: $white;

          &:before {
            background-image: $data-arrow-white-right-svg;
          }
        }
      }
    }

    @keyframes rotateDown {
      100% {
        transform: rotate(90deg);
        transform-origin: 22% 40%;
      }
    }

    @keyframes rotateUp {
      0% {
        transform: rotate(90deg);
        transform-origin: 22% 40%;
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.13094818470215017, 'fraction_numerical': 0.020267888614733873, 'mean_word_length': 1.415921668795232, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5925407', 'n_tokens_mistral': 1908, 'n_tokens_neox': 1756, 'n_words': 345}