<commit_before>// HEADER

header[role="primary"] {
  height: 85px;
  width: 100%;
  overflow: hidden;
}

.header-container {
  @extend %container;
  max-width: 820px;
  height: 100%;
  position: relative;

  background-color: $color-theme;

  @include on-mobile {
    margin-left: 0;
    margin-right: 0;
  }
}

.header-site-image {
  img {
    @extend %slanted-animated;
    @include border-radius(20% 0);
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 75px;
    height: 75px;
    border: 1px solid rgba(#000, 0.3);
    z-index: 1;
  }
}

.header-site-info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
}

// overrides for headers with flair
header[role="primary"].with-flair {
  height: 250px;

  @include background(
    linear-gradient(top, rgba(#fff, 0.5), rgba(#fff, 0.8)),
    url('/user-flair.jpg'),
    $color-theme);

  background-size: cover;

  .header-container {
    @include box-shadow(rgba(#000, 0.5) 0 0 10px);
    @include background(url('/user-flair.jpg'));
    background-size: cover;
  }

  .header-site-image img {
    right: 10px;
    bottom: 10px;
    width: 170px;
    height: 170px;
    @include box-shadow(rgba(#000, 0.5) 0 0 15px 1px);
  }

  // apply a gradient to the flair image
  .header-site-info {
    $from: rgba(#000, 0);
    $to: rgba(#000, 0.4);
    @include background(linear-gradient(bottom, $to, $from 100px, $from));
  }

  @include on-mobile {
    // increase image size
    .header-site-image {
      img {
        width: 120px;
        height: 120px;
        border-width: 4px;
      }
    }

    // reduce height
    height: 140px;
  }
}

.header-site-name, .header-site-domain {
  position: absolute;
  @extend %reset-links;
  width: 100%;
  padding-right: 200px;
  padding-left: 10px;
  line-height: 1.2;
}

.header-site-name {
  bottom: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-shadow: rgba(#000, 0.25) 0px 3px 3px;

  @include on-mobile {
    font-size: 30px;
  }
}

.header-site-domain {
  font-size: 20px;
  bottom: 10px;
  color: rgba(#fff, 0.5);<commit_msg>Decrease padding for name and domain in header<commit_after>// HEADER

header[role="primary"] {
  height: 85px;
  width: 100%;
  overflow: hidden;
}

.header-container {
  @extend %container;
  max-width: 820px;
  height: 100%;
  position: relative;

  background-color: $color-theme;

  @include on-mobile {
    margin-left: 0;
    margin-right: 0;
  }
}

.header-site-image {
  img {
    @extend %slanted-animated;
    @include border-radius(20% 0);
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 75px;
    height: 75px;
    border: 1px solid rgba(#000, 0.3);
    z-index: 1;
  }
}

.header-site-info {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; left: 0;
}

// overrides for headers with flair
header[role="primary"].with-flair {
  height: 250px;

  @include background(
    linear-gradient(top, rgba(#fff, 0.5), rgba(#fff, 0.8)),
    url('/user-flair.jpg'),
    $color-theme);

  background-size: cover;

  .header-container {
    @include box-shadow(rgba(#000, 0.5) 0 0 10px);
    @include background(url('/user-flair.jpg'));
    background-size: cover;
  }

  .header-site-image img {
    right: 10px;
    bottom: 10px;
    width: 170px;
    height: 170px;
    @include box-shadow(rgba(#000, 0.5) 0 0 15px 1px);
  }

  // apply a gradient to the flair image
  .header-site-info {
    $from: rgba(#000, 0);
    $to: rgba(#000, 0.4);
    @include background(linear-gradient(bottom, $to, $from 100px, $from));
  }

  @include on-mobile {
    // increase image size
    .header-site-image {
      img {
        width: 120px;
        height: 120px;
        border-width: 4px;
      }
    }

    // reduce height
    height: 140px;
  }
}

.header-site-name, .header-site-domain {
  position: absolute;
  @extend %reset-links;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  line-height: 1.2;
}

.header-site-name {
  bottom: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-shadow: rgba(#000, 0.25) 0px 3px 3px;

  @include on-mobile {
    font-size: 30px;
  }
}

.header-site-domain {
  font-size: 20px;
  bottom: 10px;
  color: rgba(#fff, 0.5);
{'fraction_non_alphanumeric': 0.15882073228720875, 'fraction_numerical': 0.05967665240133143, 'mean_word_length': 2.639273356401384, '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': '2392580', 'n_tokens_mistral': 1875, 'n_tokens_neox': 1585, 'n_words': 378}