<commit_before>$panel-link-border-color: $light-detail-1-color;
$transparent-panel-link-border-color: transparentize($light-detail-1-color, 0.8);

.qr-panel {
  background: white;
  margin-bottom: 2 * $gutter;

  // &.with-side-content {
  //   @include display(flex);
  //   @include justify-content(space-between);
  //   @include align-items(center);
  //   @include flex-wrap(wrap);
  //
  //   .qr-side-content {
  //     width: 30%;
  //   }
  // }

  .panels-with-border &,
  &.with-border {
    border: solid 1px $light-detail-1-color;
  }
}

.qr-panel-content {
  padding: $panel-padding;

  & > span,
  & > div,
  & > p {
    color: $detail-2-color;
  }

  &.with-left-space {
    margin-left: rem(78);
  }
}

.qr-panel-footer {
  @include display(flex);
  @include justify-content(space-between);
  @include align-items(center);
  @include flex-wrap(wrap);
  border-top: 1px solid $panel-link-border-color;

  & > * {
    margin: 0;
    font-size: $s-font-size;
    @include flex-grow(1);
    @include flex(1);
    padding: $panel-padding;
    &:not(.qr-panel-footer-link) { color: $detail-3-color; }
  }
}

.qr-panel-header {
  padding: rem(17) $panel-padding;
  padding-bottom: 0;

  h2,
  h3,
  h4 {
    color: $detail-2-color;
    margin: 0;
    font-weight: 400;
  }
}

.qr-panel-footer-link {
  display: block;
  font-size: $s-font-size;
  text-transform: uppercase;
  text-align: center;
  &:not(:last-of-type) { border-right: solid 1px $light-detail-1-color; }
}

.qr-panel.transparent {
  background: transparentize(#000000, 0.84);

  .qr-panel-header {
    h2,
    h3,
    h4 {
      font-weight: 300;
    }
  }

  * { color: white; }
  .qr-panel-footer { border-color: $transparent-panel-link-border-color; }
  .qr-panel-footer-link { border-color: $transparent-panel-link-border-color; }
}<commit_msg>Fixed transparent panel<commit_after>$panel-link-border-color: $light-detail-1-color;
$transparent-panel-link-border-color: transparentize($light-detail-1-color, 0.8);

.qr-panel {
  background: white;
  margin-bottom: 2 * $gutter;

  // &.with-side-content {
  //   @include display(flex);
  //   @include justify-content(space-between);
  //   @include align-items(center);
  //   @include flex-wrap(wrap);
  //
  //   .qr-side-content {
  //     width: 30%;
  //   }
  // }

  .panels-with-border &,
  &.with-border {
    border: solid 1px $light-detail-1-color;
  }
}

.qr-panel-content {
  padding: $panel-padding;

  & > span,
  & > div,
  & > p {
    color: $detail-2-color;
  }

  &.with-left-space {
    margin-left: rem(78);
  }
}

.qr-panel-footer {
  @include display(flex);
  @include justify-content(space-between);
  @include align-items(center);
  @include flex-wrap(wrap);
  border-top: 1px solid $panel-link-border-color;

  & > * {
    margin: 0;
    font-size: $s-font-size;
    @include flex-grow(1);
    @include flex(1);
    padding: $panel-padding;
    &:not(.qr-panel-footer-link) { color: $detail-3-color; }
  }
}

.qr-panel-header {
  padding: rem(17) $panel-padding;
  padding-bottom: 0;

  h2,
  h3,
  h4 {
    color: $detail-2-color;
    margin: 0;
    font-weight: 400;
  }
}

.qr-panel-footer-link {
  display: block;
  font-size: $s-font-size;
  text-transform: uppercase;
  text-align: center;
  &:not(:last-of-type) { border-right: solid 1px $light-detail-1-color; }
}

.qr-panel.transparent {
  background: transparentize(#000000, 0.84);

  .qr-panel-header {
    h2,
    h3,
    h4 {
      font-weight: 300;
    }
  }

  * { color: white; }
  .qr-panel-footer { border-color: $transparent-panel-link-border-color; }
  .qr-panel-footer-link { border-color: $transparent-panel-link-border-color; }
  .qr-panel-content-list-item { border-color: transparentize($light-detail-1-color, 0.8); }
}
{'fraction_non_alphanumeric': 0.18453333333333333, 'fraction_numerical': 0.0248, 'mean_word_length': 2.6666666666666665, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '3284196', 'n_tokens_mistral': 1556, 'n_tokens_neox': 1458, 'n_words': 232}