<commit_before>/*

FOOTER
--------------------------------------------------------- */

.site__footer {
  background-color: $footer-color;
  color: lighten($footer-color, 45%);
  margin-top: 4rem;
  padding: 2rem 0;
  @extend %clearfix;
  small {
    color: lighten($footer-color, 30%);
    display: block;
    font-size: 1.1rem;
    margin-top: 2rem;
    width: 100%;
    @extend %sans;
    @media #{$medium-up} {
      font-size: .9rem;
    }
  }
  p {
    font-size: 1.2rem;
    line-height: 130%;
    @extend %sans;
  }
  a {
    text-decoration: none;
  }
  .container {
    width: 90%;
    margin: {
      left: auto;
      right: auto;
    }
    @media #{$large-up} {
      width: 100%;
    }
  }
}

.footer__sections {
  display: flex;
  flex-direction: column;
  @media #{$medium-up} {
    flex-direction: row;
  }
  ul {
    margin: 0;
    width: 100%;
    list-style-type: none;
    li {
      font-size: 1rem;
      line-height: 130%;
      margin-bottom: rem-calc(5px);
      margin-left: 0;
      padding: 0;
      @extend %sans;
    }
  }
  h6 {
    color: lighten($footer-color, 45%);
    font-weight: 600;
    margin-bottom: rem-calc(10px);
  }
}

%footer-grid {
  border-bottom: 1px solid lighten($footer-color, 15%);
  padding: rem-calc(10px) rem-calc(20px) rem-calc(10px) 0;
  @media #{$medium-up} {
    border-bottom: none;
    border-right: 1px solid lighten($footer-color, 15%);
  }
}

.footer__about {
  @extend %footer-grid;
  @media #{$medium-up} {
    flex: 0 1 50%;
  }
}

.footer__logo {
  display: block;
  margin-bottom: rem-calc(10px);
  height: 28px;
  width: 200px;
  @media #{$medium-up} {
    height: 32px;
    width: 230px;
  }
  .bold__first, .bold__third {
    fill: white;
  }
  .bold__second {
    fill: $jazzColor;
  }
}

.footer__subscribe {
  @extend %footer-grid;
  @media #{$medium-up} {
    padding-left: rem-calc(20px);
  }
}

.footer__links {
  padding: rem-calc(10px) 0;
  @media #{$medium-up} {
    padding: rem-calc(10px) 0 rem-calc(10px) rem-calc(20px);
  }
}

.footer__subscribe, .footer__links {
  @media #{$medium-up} {
    flex: 1 1 auto;
  }
}
<commit_msg>Making these colors more universal<commit_after>/*

FOOTER
--------------------------------------------------------- */

.site__footer {
  background-color: $footer-color;
  color: rgba(white, .6);
  margin-top: 4rem;
  padding: 2rem 0;
  @extend %clearfix;
  small {
    color: rgba(white, .4);
    display: block;
    font-size: 1.1rem;
    margin-top: 2rem;
    width: 100%;
    @extend %sans;
    @media #{$medium-up} {
      font-size: .9rem;
    }
  }
  p {
    font-size: 1.2rem;
    line-height: 130%;
    @extend %sans;
  }
  a {
    text-decoration: none;
  }
  .container {
    width: 90%;
    margin: {
      left: auto;
      right: auto;
    }
    @media #{$large-up} {
      width: 100%;
    }
  }
}

.footer__sections {
  display: flex;
  flex-direction: column;
  @media #{$medium-up} {
    flex-direction: row;
  }
  ul {
    margin: 0;
    width: 100%;
    list-style-type: none;
    li {
      font-size: 1rem;
      line-height: 130%;
      margin-bottom: rem-calc(5px);
      margin-left: 0;
      padding: 0;
      @extend %sans;
    }
  }
  h6 {
    color: rgba(white, .6);
    font-weight: 600;
    margin-bottom: rem-calc(10px);
  }
}

%footer-grid {
  border-bottom: 1px solid rgba(white, .2);
  padding: rem-calc(10px) rem-calc(20px) rem-calc(10px) 0;
  @media #{$medium-up} {
    border-bottom: none;
    border-right: 1px solid rgba(white, .2);
  }
}

.footer__about {
  @extend %footer-grid;
  @media #{$medium-up} {
    flex: 0 1 50%;
  }
}

.footer__logo {
  display: block;
  margin-bottom: rem-calc(10px);
  height: 28px;
  width: 200px;
  @media #{$medium-up} {
    height: 32px;
    width: 230px;
  }
  .bold__first, .bold__third {
    fill: white;
  }
  .bold__second {
    fill: $jazzColor;
  }
}

.footer__subscribe {
  @extend %footer-grid;
  @media #{$medium-up} {
    padding-left: rem-calc(20px);
  }
}

.footer__links {
  padding: rem-calc(10px) 0;
  @media #{$medium-up} {
    padding: rem-calc(10px) 0 rem-calc(10px) rem-calc(20px);
  }
}

.footer__subscribe, .footer__links {
  @media #{$medium-up} {
    flex: 1 1 auto;
  }
}

{'fraction_non_alphanumeric': 0.19049892575793745, 'fraction_numerical': 0.039866316543327764, 'mean_word_length': 2.181473044798785, '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': '512863', 'n_tokens_mistral': 1795, 'n_tokens_neox': 1644, 'n_words': 342}