<commit_before>// Table of Contents
//
// 01. Variables
// 02. Mixins
// 03. Global styles
// 04. Header
// 05. Footer
// 06. Tags
// 07. Auth pages
// 08. Forms
// 09. Alerts
// 10. User account
// 11. Filters
// 12. Official levels
//

// 01. Variables
// - - - - - - - - - - - - - - - - - - - - - - - - -

@import "variables";

// 02. Mixins
// - - - - - - - - - - - - - - - - - - - - - - - - -

@mixin back {
  color: $text-light;
  font-size: rem-calc(13);
  line-height: $line-height;
}

@mixin logo {

  a {
    color: white;
    font-family: 'Lato' !important;
    font-size: rem-calc(20);
    font-weight: lighter;
    line-height: $line-height*4;
    padding-left: rem-calc(6);

    span {
      font-size: rem-calc(16);
      font-weight: lighter;
      vertical-align: top;
    }

    @media (min-width: 480px) {
      font-size: rem-calc(28);
      span {
        font-size: rem-calc(20);
      }
    }
  }
}

// 03. Global styles
// - - - - - - - - - - - - - - - - - - - - - - - - -

*, html {
  margin: 0;
  padding: 0;
}

body {
  background: $body;
  font-family: $font-family-sans-serif;
  font-size: rem-calc(13);
  font-weight: normal;
  text-rendering: optimizeLegibility;

  &::selection, ::-moz-selection {
    background: $brand !important;
    color: white !important;
  }
}

p {
  font-size: rem-calc(13);
  line-height: $line-height;
  margin-bottom: rem-calc(12);
}

a {
  color: $link;

  &:hover {
    color: $link-hover;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: $font-family-sans-serif;
}

.button {
  padding: rem-calc(15) rem-calc(32);
}

.clear {
  clear: both;
}

.inline-block {
  display: inline-block;
}

.row {
  max-width: 1170px;
}

.row-full {
  max-width: 100% !important;
}

.sidebar {
  margin-bottom: rem-calc(48);
}

.sidebar-divider {
  border-top: 1px solid $border;
  margin-top: rem-calc(24);

  &:first-child {
    margin-top: 0;
  }
}

// 04. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -

header {
  background: url('home_header_bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  min-height: rem-calc(480);

  &.results {
    min-height: rem-calc(216);
  }

  h1 {
    color: white;
    font-size: rem-calc(45);
    font-weight: bolder;
    line-height: $line-height*3;
    margin: rem-calc(24) 0 0 0;
    padding: 0;
  }

  h2 {
    @extend h1;
    font-size: rem-calc(24);
    font-weight: normal;
    line-height: $line-height*2;
    margin: 0;
  }

  .button {
    color: white;
    font-family: inherit;
    margin-top: rem-calc(24);
  }

  .home-page {
    .button {
      color: white;
      font-family: inherit;
      margin-top: rem-calc(48);
    }
  }

  .selected {
    position: relative;

    &:before {
      top: -14px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-top-color: #fff;
      border-width: 8px;
      margin-left: -8px;
    }
  }

  .language {
    float: none;
    text-align: center;

    @media (min-width: 480px) {
      float: left;
    }
  }

  .external-links {
    @extend .language;

    @media (min-width: 480px) {
      float: right;
    }
  }
}

.contain-to-grid {
  background: none;
}

.top-bar {
  background: rgba(0,0,0,.5);
  color: white;
  height: rem-calc(96);
  max-width: 1170px !important;

  .name a {<commit_msg>Rename `language` style to locale<commit_after>// Table of Contents
//
// 01. Variables
// 02. Mixins
// 03. Global styles
// 04. Header
// 05. Footer
// 06. Tags
// 07. Auth pages
// 08. Forms
// 09. Alerts
// 10. User account
// 11. Filters
// 12. Official levels
//

// 01. Variables
// - - - - - - - - - - - - - - - - - - - - - - - - -

@import "variables";

// 02. Mixins
// - - - - - - - - - - - - - - - - - - - - - - - - -

@mixin back {
  color: $text-light;
  font-size: rem-calc(13);
  line-height: $line-height;
}

@mixin logo {

  a {
    color: white;
    font-family: 'Lato' !important;
    font-size: rem-calc(20);
    font-weight: lighter;
    line-height: $line-height*4;
    padding-left: rem-calc(6);

    span {
      font-size: rem-calc(16);
      font-weight: lighter;
      vertical-align: top;
    }

    @media (min-width: 480px) {
      font-size: rem-calc(28);
      span {
        font-size: rem-calc(20);
      }
    }
  }
}

// 03. Global styles
// - - - - - - - - - - - - - - - - - - - - - - - - -

*, html {
  margin: 0;
  padding: 0;
}

body {
  background: $body;
  font-family: $font-family-sans-serif;
  font-size: rem-calc(13);
  font-weight: normal;
  text-rendering: optimizeLegibility;

  &::selection, ::-moz-selection {
    background: $brand !important;
    color: white !important;
  }
}

p {
  font-size: rem-calc(13);
  line-height: $line-height;
  margin-bottom: rem-calc(12);
}

a {
  color: $link;

  &:hover {
    color: $link-hover;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-family: $font-family-sans-serif;
}

.button {
  padding: rem-calc(15) rem-calc(32);
}

.clear {
  clear: both;
}

.inline-block {
  display: inline-block;
}

.row {
  max-width: 1170px;
}

.row-full {
  max-width: 100% !important;
}

.sidebar {
  margin-bottom: rem-calc(48);
}

.sidebar-divider {
  border-top: 1px solid $border;
  margin-top: rem-calc(24);

  &:first-child {
    margin-top: 0;
  }
}

// 04. Header
// - - - - - - - - - - - - - - - - - - - - - - - - -

header {
  background: url('home_header_bg.jpg');
  background-position: 50% 50%;
  background-size: cover;
  min-height: rem-calc(480);

  &.results {
    min-height: rem-calc(216);
  }

  h1 {
    color: white;
    font-size: rem-calc(45);
    font-weight: bolder;
    line-height: $line-height*3;
    margin: rem-calc(24) 0 0 0;
    padding: 0;
  }

  h2 {
    @extend h1;
    font-size: rem-calc(24);
    font-weight: normal;
    line-height: $line-height*2;
    margin: 0;
  }

  .button {
    color: white;
    font-family: inherit;
    margin-top: rem-calc(24);
  }

  .home-page {
    .button {
      color: white;
      font-family: inherit;
      margin-top: rem-calc(48);
    }
  }

  .selected {
    position: relative;

    &:before {
      top: -14px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      border-top-color: #fff;
      border-width: 8px;
      margin-left: -8px;
    }
  }

  .locale {
    float: none;
    text-align: center;

    @media (min-width: 480px) {
      float: left;
    }
  }

  .external-links {
    @extend .locale;

    @media (min-width: 480px) {
      float: right;
    }
  }
}

.contain-to-grid {
  background: none;
}

.top-bar {
  background: rgba(0,0,0,.5);
  color: white;
  height: rem-calc(96);
  max-width: 1170px !important;

  .name a {
{'fraction_non_alphanumeric': 0.18911685994647637, 'fraction_numerical': 0.039250669045495096, 'mean_word_length': 1.8064246975385898, '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': 26, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1998606', 'n_tokens_mistral': 2918, 'n_tokens_neox': 2681, 'n_words': 542}