<commit_before>
//
// container
.container {
  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: $spacing-unit;
  padding-left: $spacing-unit;
  @extend %clearfix;

  @include media-query($on-laptop) {
    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
    padding-right: $spacing-unit / 2;
    padding-left: $spacing-unit / 2;
  }
}

.card {
  padding: $spacing-unit;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(#000, .2);
}

.readmore {
  @include transition(color .2s linear);

  &:hover,
  &:focus {
    color: lighten($primary-color, 10%);
    text-decoration: none;
  }
}


//
// Site header
.header {
  background: #292929 url(../images/opals-banner.jpg) no-repeat 50% 0px;
  @include background-size(cover);
  border-bottom: 1px solid $gray-color-light;
  border-top: 3px solid $primary-color;
  min-height: 60px;
  position: relative;
  @extend %clearfix;
  padding: 60px 0;
  margin-bottom: 30px;

  .overlay {
    background: rgba(#000, .45);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

  a {
    color: $white-color;
  }

  @include media-query($on-phone) {
    text-align: center;
  }

  .txt-center {
    color: $white-color;
    margin-top: 100px;
    font-weight: 300;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.home .header {
  padding: 200px 0 160px;
}

//
// site title
.title {
  font-size: 32px;
  line-height: 65px;
  letter-spacing: -1px;
  margin: 0;
  float: left;
  color: darken($white-color, 10%);
  font-family: $font-family-base;

  @include media-query($on-phone) {
    float: none;
    display: block;
    width: 100%;
  }

  & a:hover,
  & a:focus {
    color: lighten($white-color, 10%);
    text-decoration: none;
    border-color: lighten($white-color, 10%);
  }
}

//
// navbar
.navbar {
  float: right;

  @include media-query($on-phone) {
    float: none;
  }
}

//
// ul nav
.nav {
  list-style: none;
  padding: 0;
  margin: 0;

  li {
    padding: 20px;
    margin: 0;
    text-transform: lowercase;
    float: left;
    display: inline-block;
    @include transition(background .2s linear);

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

    @include media-query($on-phone) {
      float: left;
      width: percentage(1/3);
      text-align: center;
      padding: 0px;
    }
  }

  a {
    padding: 0;
    display: inline-block;
    text-decoration: none;
    color: darken($white-color, 25%);
    @include transition(color .2s linear);
  }

  li.active a,<commit_msg>make nav links full white<commit_after>
//
// container
.container {
  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
  max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
  margin-right: auto;
  margin-left: auto;
  padding-right: $spacing-unit;
  padding-left: $spacing-unit;
  @extend %clearfix;

  @include media-query($on-laptop) {
    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
    max-width:         calc(#{$content-width} - (#{$spacing-unit}));
    padding-right: $spacing-unit / 2;
    padding-left: $spacing-unit / 2;
  }
}

.card {
  padding: $spacing-unit;
  background-color: #fff;
  box-shadow: 0px 1px 2px rgba(#000, .2);
}

.readmore {
  @include transition(color .2s linear);

  &:hover,
  &:focus {
    color: lighten($primary-color, 10%);
    text-decoration: none;
  }
}


//
// Site header
.header {
  background: #292929 url(../images/opals-banner.jpg) no-repeat 50% 0px;
  @include background-size(cover);
  border-bottom: 1px solid $gray-color-light;
  border-top: 3px solid $primary-color;
  min-height: 60px;
  position: relative;
  @extend %clearfix;
  padding: 60px 0;
  margin-bottom: 30px;

  .overlay {
    background: rgba(#000, .45);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
  }

  a {
    color: $white-color;
  }

  @include media-query($on-phone) {
    text-align: center;
  }

  .txt-center {
    color: $white-color;
    margin-top: 100px;
    font-weight: 300;
    padding-left: 40px;
    padding-right: 40px;
  }
}

.home .header {
  padding: 200px 0 160px;
}

//
// site title
.title {
  font-size: 32px;
  line-height: 65px;
  letter-spacing: -1px;
  margin: 0;
  float: left;
  color: darken($white-color, 10%);
  font-family: $font-family-base;

  @include media-query($on-phone) {
    float: none;
    display: block;
    width: 100%;
  }

  & a:hover,
  & a:focus {
    color: lighten($white-color, 10%);
    text-decoration: none;
    border-color: lighten($white-color, 10%);
  }
}

//
// navbar
.navbar {
  float: right;

  @include media-query($on-phone) {
    float: none;
  }
}

//
// ul nav
.nav {
  list-style: none;
  padding: 0;
  margin: 0;

  li {
    padding: 20px;
    margin: 0;
    text-transform: lowercase;
    float: left;
    display: inline-block;
    @include transition(background .2s linear);

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

    @include media-query($on-phone) {
      float: left;
      width: percentage(1/3);
      text-align: center;
      padding: 0px;
    }
  }

  a {
    padding: 0;
    display: inline-block;
    text-decoration: none;
    color: $white-color;
    @include transition(color .2s linear);
  }

  li.active a,
{'fraction_non_alphanumeric': 0.17078981125160345, 'fraction_numerical': 0.032985156679494226, 'mean_word_length': 2.5860709592641262, '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': '7013142', 'n_tokens_mistral': 2276, 'n_tokens_neox': 2020, 'n_words': 448}