<commit_before>// Footer
//
// The site's footer bar
//
// markup:
// <div class="Footer">
//   <div class="Footer-credits">
//     <span class="Footer-handcrafted">Handcrafted by</span>
//     <span class="Footer-subvisual">SUBVISUAL</span>
//   </div>
//   <div class="Footer-work">
//     <span class="Footer-interested">Interested in our services?</span>
//     <a class="Footer-workText" href="#">Let's get to work</a>
//   </div>
// </div>
//
// Styleguide 1.10

@import '../reset';
@import '../theme_vars';

.Footer {
  display: flex;
}

.Footer-credits,
.Footer-work {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: $Theme-spacing-small $Theme-spacing-default;
}

.Footer-credits {
  align-items: center;

  background-color: $Theme-color-limedSpruce;
}

.Footer-work {
  display: none;
}

@include media('>=tablet') {
  .Footer-credits {
    flex-basis: 70%;
    align-items: flex-start;

    background-color: $Theme-color-limedSpruce;
  }

  .Footer-work {
    flex-basis: 30%;
    display: flex;

    background-color: $Theme-color-yellowOrange;
  }
}

.Footer-handcrafted {
  @include font-properties(subvisual, small);
  color: $Theme-color-horizon;

  text-transform: uppercase;
}

.Footer-subvisual {
  @include font-properties(subvisual, base);
  color: $Theme-color-white;<commit_msg>Makes footer-work a link, instead of just the inner text<commit_after>// Footer
//
// The site's footer bar
//
// markup:
// <div class="Footer">
//   <div class="Footer-credits">
//     <span class="Footer-handcrafted">Handcrafted by</span>
//     <span class="Footer-subvisual">SUBVISUAL</span>
//   </div>
//   <a href="#" class="Footer-work">
//     <span class="Footer-interested">Interested in our services?</span>
//     <span class="Footer-workText">Let's get to work</span>
//   </div>
// </div>
//
// Styleguide 1.10

@import '../reset';
@import '../theme_vars';

.Footer {
  display: flex;
}

.Footer-credits,
.Footer-work {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;

  padding: $Theme-spacing-small $Theme-spacing-default;
}

.Footer-credits {
  align-items: center;

  background-color: $Theme-color-limedSpruce;
}

.Footer-work {
  display: none;

  text-decoration: none;

  &:hover {
    .Footer-workText {
      color: $Theme-color-white;

      text-decoration: underline;
    }
  }
}

@include media('>=tablet') {
  .Footer-credits {
    flex-basis: 70%;
    align-items: flex-start;

    background-color: $Theme-color-limedSpruce;
  }

  .Footer-work {
    flex-basis: 30%;
    display: flex;

    background-color: $Theme-color-yellowOrange;
  }
}

.Footer-handcrafted {
  @include font-properties(subvisual, small);
  color: $Theme-color-horizon;

  text-transform: uppercase;
}

.Footer-subvisual {
  @include font-properties(subvisual, base);
  color: $Theme-color-white;
{'fraction_non_alphanumeric': 0.1770797376596479, 'fraction_numerical': 0.006213324128408699, 'mean_word_length': 3.128205128205128, 'pattern_counts': {'":': 0, '<': 31, '<?xml version=': 0, '>': 33, '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': '7046218', 'n_tokens_mistral': 1119, 'n_tokens_neox': 1055, 'n_words': 204}