<commit_before>$break-small: 500pt;

// TODO: invert desktop and mobile (not sure if this is necessary)
// Can I throw up on Internet Explorer? Urrrugh!!!
header {
  width: 100%;
  background-color: #3284E3;
  box-shadow: 0 0 8px -2px #000;
  padding: 1em 0;
  a {
    color: #fff;
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  .container {
    width: 100%;
    max-width: 65em;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
    position: relative;
    min-height: 2.5em;
    & > * {
      vertical-align: middle;
    }
  }
  .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.5rem;
    padding-left: 1rem;
    font-size: 1.5em;
    line-height: 2.5rem;
    font-weight: bold;
    a:hover {
      text-decoration: none;
    }
  }
  .search-bar {
    padding: 0 1em;
    margin-left: 9.5em;
    margin-right: 16em;
    height: 2.5rem;
    @media screen and (max-width: $break-small) {
      padding-top: 3.2em;
      margin-left: 1em;
      margin-right: 1em;
      clear: both;
    }
    .search-form {
      max-width: 20em;
      @media screen and (max-width: $break-small) {
        max-width: 100%;
      }
    }
  }
  .session {
    position: absolute;
    top: 0;
    right: 0;
    width: 16em;
    text-align: right;
    color: #fff;
    padding-right: 1em;
    line-height: 2.5em;
    vertical-align: middle;
    a {
      padding: 0;
      margin: 0 0.5em;
    }
  }
}<commit_msg>Allow session bar to overflow<commit_after>$break-small: 500pt;

// TODO: invert desktop and mobile (not sure if this is necessary)
// Can I throw up on Internet Explorer? Urrrugh!!!
header {
  width: 100%;
  background-color: #3284E3;
  box-shadow: 0 0 8px -2px #000;
  padding: 1em 0;
  a {
    color: #fff;
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  .container {
    width: 100%;
    max-width: 65em;
    margin: 0 auto;
    vertical-align: middle;
    display: block;
    position: relative;
    min-height: 2.5em;
    & > * {
      vertical-align: middle;
    }
  }
  .logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.5rem;
    padding-left: 1rem;
    font-size: 1.5em;
    line-height: 2.5rem;
    font-weight: bold;
    a:hover {
      text-decoration: none;
    }
  }
  .search-bar {
    padding: 0 1em;
    margin-left: 9.5em;
    margin-right: 16em;
    height: 2.5rem;
    @media screen and (max-width: $break-small) {
      padding-top: 3.2em;
      margin-left: 1em;
      margin-right: 1em;
      clear: both;
    }
    .search-form {
      max-width: 20em;
      @media screen and (max-width: $break-small) {
        max-width: 100%;
      }
    }
  }
  .session {
    position: absolute;
    top: 0;
    right: 0;
    width: 16em;
    text-align: right;
    overflow: visible;
    white-space: nowrap;
    color: #fff;
    padding-right: 1em;
    line-height: 2.5em;
    vertical-align: middle;
    a {
      padding: 0;
      margin: 0 0.5em;
    }
  }
}
{'fraction_non_alphanumeric': 0.1360612109115103, 'fraction_numerical': 0.04324683965402528, 'mean_word_length': 1.9772277227722772, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '1342951', 'n_tokens_mistral': 1236, 'n_tokens_neox': 1120, 'n_words': 286}