<commit_before>/* ==========================================================================
   Cards
   ========================================================================== */

.card {
  position: relative;
  text-align: initial;
  font-size: 1rem;
  line-height: 1.5rem;
}

.card__contents {
  position: relative;
  z-index: 1;
  display: block;
  background: #fff;
  box-shadow: 0 0 0 2px $base-alpha-color;
  border-radius: $base-border-radius;
  backface-visibility: hidden;
  padding: $global-spacing;
  overflow: hidden;

  &, &:visited {
    color: inherit;
  }

  /* Animation */
  transition: all 0.16s ease 0s;

  .card--active & {
    box-shadow: 0 0 0 2px rgba($base-color, 0.32);
  }
}


/* Card media
   ========================================================================== */

.card__media {
  position: relative;
  margin: 0 (- $global-spacing) ($global-spacing / 2) (- $global-spacing);

  img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.32s ease 0s;
  }

  &:first-child {
    margin-top: - $global-spacing;
  }

  &:last-child {
    margin-bottom: - $global-spacing;
  }

}

.card__thumbnail {
  position: relative;
  overflow: hidden;
  background: tint($base-color, 96%);
  margin: $global-spacing / 4;
  border-radius: $base-border-radius;
  min-height: 4rem;

  &::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    box-shadow: inset 0 0 0 2px $base-semi-alpha-color;
    pointer-events: none;
  }
}

/* Card header
   ========================================================================== */

.card__header {
  margin-bottom: $global-spacing;

  > *:last-child {
    margin-bottom: 0;
  }
}

.card__title {
  @include heading(1.25rem);
  margin: 0;
}

.card__subtitle {
  @extend .heading-alt;
  font-size: 0.875rem;
  line-height: 1.25rem;
}


/* Card body
   ========================================================================== */

.card__body {
  margin-bottom: $global-spacing / 2;
  font-size: 0.875rem;
  line-height: 1.25rem;

  > *:last-child {
    margin-bottom: 0;
  }
}


/* Card Horizontal Modifer
   ========================================================================== */

.card--horizontal {

  .card__thumbnail {
    max-height: 16rem;

    img {
      display: block;
      width: 100%;
      height: auto;
    }
  }

  @include media(medium-up) {
    display: table;
    width: 100%;

    .card__media,
    .card__copy {
      display: table-cell;
      vertical-align: top;
    }

    .card__media {
      width: 48%;

      &:first-child {
        padding-right: $global-spacing;
      }

      &:last-child {
        padding-left: $global-spacing;
      }
    }

    .card__thumbnail {
      max-height: none;
    }
  }

}

.card__media,
.card__copy {
  .card--horizontal--align-top & {
    vertical-align: top;
  }
<commit_msg>Do not use fixed media size<commit_after>/* ==========================================================================
   Cards
   ========================================================================== */

.card {
  position: relative;
  text-align: initial;
  font-size: 1rem;
  line-height: 1.5rem;
}

.card__contents {
  position: relative;
  z-index: 1;
  display: block;
  background: #fff;
  box-shadow: 0 0 0 2px $base-alpha-color;
  border-radius: $base-border-radius;
  backface-visibility: hidden;
  padding: $global-spacing;
  overflow: hidden;

  &, &:visited {
    color: inherit;
  }

  /* Animation */
  transition: all 0.16s ease 0s;

  .card--active & {
    box-shadow: 0 0 0 2px rgba($base-color, 0.32);
  }
}


/* Card media
   ========================================================================== */

.card__media {
  position: relative;
  margin: 0 (- $global-spacing) ($global-spacing / 2) (- $global-spacing);

  img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.32s ease 0s;
  }

  &:first-child {
    margin-top: - $global-spacing;
  }

  &:last-child {
    margin-bottom: - $global-spacing;
  }

}

.card__thumbnail {
  position: relative;
  overflow: hidden;
  background: tint($base-color, 96%);
  margin: $global-spacing / 4;
  border-radius: $base-border-radius;
  min-height: 4rem;

  &::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    content: "";
    box-shadow: inset 0 0 0 2px $base-semi-alpha-color;
    pointer-events: none;
  }
}

/* Card header
   ========================================================================== */

.card__header {
  margin-bottom: $global-spacing;

  > *:last-child {
    margin-bottom: 0;
  }
}

.card__title {
  @include heading(1.25rem);
  margin: 0;
}

.card__subtitle {
  @extend .heading-alt;
  font-size: 0.875rem;
  line-height: 1.25rem;
}


/* Card body
   ========================================================================== */

.card__body {
  margin-bottom: $global-spacing / 2;
  font-size: 0.875rem;
  line-height: 1.25rem;

  > *:last-child {
    margin-bottom: 0;
  }
}


/* Card Horizontal Modifer
   ========================================================================== */

.card--horizontal {

  .card__thumbnail {
    max-height: 16rem;

    img {
      display: block;
      width: 100%;
      height: auto;
    }
  }

  @include media(medium-up) {
    display: table;
    width: 100%;

    .card__media,
    .card__copy {
      display: table-cell;
      vertical-align: top;
    }

    .card__media {
      // width: 48%;

      &:first-child {
        padding-right: $global-spacing;
      }

      &:last-child {
        padding-left: $global-spacing;
      }
    }

    .card__thumbnail {
      max-height: none;
      > img {
        width: auto;
        max-width: 15rem;
      }
    }
  }

}

.card__media,
.card__copy {
  .card--horizontal--align-top & {
    vertical-align: top;
  }

{'fraction_non_alphanumeric': 0.2778335005015045, 'fraction_numerical': 0.02474088933467068, 'mean_word_length': 2.7347066167290888, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 8, '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': '6611302', 'n_tokens_mistral': 2196, 'n_tokens_neox': 1931, 'n_words': 406}