<commit_before>$quote-avatar-size: $unit * 6.4;
$quote-sign-size: $unit * 4.8;

[data-role='banner'] > [data-role='quotes'] > div {
  display: flex;

  & img {
    display: block;
    min-width: $quote-avatar-size;
    width: $quote-avatar-size;
    height: $quote-avatar-size;
    border-radius: 50%;
    background-size: cover;
    box-shadow: 0 0 0 ($quote-avatar-size / 16) rgba(white, 0.25);
  }

  & > div {
    & > * {
      display: block;
    }

    & blockquote {
      position: relative;

      &::before {
        position: absolute;
        top: -($unit * 1.25);
        left: -($offset / 2.5);
        content: '“';
        font-size: $quote-sign-size;
      }
    }

    & strong {
      font-size: $font-size-large;
    }

    & small {
      text-transform: uppercase;
      font-size: $font-size-tiny;
      opacity: 0.75;
    }
  }
}

// -- Layout Breakpoints -------------------------------------------------------
@media (max-width: $layout-breakpoint-SM) {
  [data-role='banner'] > [data-role='quotes'] > div {
    flex-direction: column;
    text-align: center;

    & img {
      margin: 0 auto;
    }

    > div {
      padding: 0 $offset-mobile $offset $offset-mobile;

      &:last-child {
        padding-bottom: 0;
      }
    }
  }
}

@media (min-width: ($layout-breakpoint-SM + 1)) {
  [data-role='banner'] > [data-role='quotes'] > div {
    flex-direction: row;
    text-align: left;

    & img {
      margin-top: $quote-avatar-size  / 4;
    }

    & > div {
      max-width: 40vw;
      padding: 0  $quote-avatar-size / 2;

      & blockquote {
        margin: $unit 0;
      }
    }
  }
}
<commit_msg>[bugfix] Do not use odd quotes<commit_after>$quote-avatar-size: $unit * 6.4;
$quote-sign-size: $unit * 4.8;

[data-role='banner'] > [data-role='quotes'] > div {
  display: flex;

  & img {
    display: block;
    min-width: $quote-avatar-size;
    width: $quote-avatar-size;
    height: $quote-avatar-size;
    border-radius: 50%;
    background-size: cover;
    box-shadow: 0 0 0 ($quote-avatar-size / 16) rgba(white, 0.25);
  }

  & > div {
    & > * {
      display: block;
    }

    & blockquote {
      position: relative;

      &::before {
        position: absolute;
        top: -($unit * 1.25);
        left: -($offset / 2.5);
        content: '"';
        font-size: $quote-sign-size;
      }
    }

    & strong {
      font-size: $font-size-large;
    }

    & small {
      text-transform: uppercase;
      font-size: $font-size-tiny;
      opacity: 0.75;
    }
  }
}

// -- Layout Breakpoints -------------------------------------------------------
@media (max-width: $layout-breakpoint-SM) {
  [data-role='banner'] > [data-role='quotes'] > div {
    flex-direction: column;
    text-align: center;

    & img {
      margin: 0 auto;
    }

    > div {
      padding: 0 $offset-mobile $offset $offset-mobile;

      &:last-child {
        padding-bottom: 0;
      }
    }
  }
}

@media (min-width: ($layout-breakpoint-SM + 1)) {
  [data-role='banner'] > [data-role='quotes'] > div {
    flex-direction: row;
    text-align: left;

    & img {
      margin-top: $quote-avatar-size  / 4;
    }

    & > div {
      max-width: 40vw;
      padding: 0  $quote-avatar-size / 2;

      & blockquote {
        margin: $unit 0;
      }
    }
  }
}

{'fraction_non_alphanumeric': 0.20103249316732463, 'fraction_numerical': 0.019435165502581234, 'mean_word_length': 1.71334431630972, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 23, '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': '1877166', 'n_tokens_mistral': 1262, 'n_tokens_neox': 1178, 'n_words': 227}