<commit_before>// Approx 3 columns of a 12 column grid
// that has a width of our standard "page-max-width"
$logo-panel-width: $page-max-width / 12 * 3;
$main-section-width: $page-max-width - $logo-panel-width;
$main-section-padding: ru(1.5);

.navigator {
  min-height: 100vh;
  width: 100%;

  background-color: color('neutral-7');
  color: color('neutral-2');
}

.layout {
  flex-direction: column;
  flex-wrap: nowrap;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  z-index: 0;
}

.logo-panel {
  z-index: 1;
  background-color: color('brand-2');
  background-image: linear-gradient(
  to top,
  color('brand-1') 0,
  color('brand-2') 100%
  );
  flex-basis: auto;

  color: color('neutral-8');
  -webkit-font-smoothing: antialiased;
}

.logo-panel-layout {
  justify-content: space-between;
}

.logo-panel-text {
  color: color('neutral-8');
}

.logo {
  width: calc(100% - 2px);
  height: 100%;
  max-width: ru(8.25);
  margin-left: 2px;
}

.footer-container {
  background-color: color('neutral-6');
  border-top: 1px solid color('neutral-5');
}

.footer-wrapper {
  max-width: $main-section-width;
  padding: $main-section-padding;
}

.icon-hamburger {
  display: none;
}

@media #{$small-only} {
  .logo-panel {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-panel-col {
    padding: 0;
  }

  .logo {
    width: ru(5);
  }

  .logo-wrapper {
    position: relative;
    z-index: 10;
    left: 0;<commit_msg>fix navigator height issue<commit_after>// Approx 3 columns of a 12 column grid
// that has a width of our standard "page-max-width"
$logo-panel-width: $page-max-width / 12 * 3;
$main-section-width: $page-max-width - $logo-panel-width;
$main-section-padding: ru(1.5);

.navigator {
  min-height: 100vh;
  width: 100%;
  display: flex;

  background-color: color('neutral-7');
  color: color('neutral-2');
}

.layout {
  flex-direction: column;
  flex-wrap: nowrap;
}

.main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 0;
  padding-right: 0;
  z-index: 0;
}

.logo-panel {
  z-index: 1;
  background-color: color('brand-2');
  background-image: linear-gradient(
  to top,
  color('brand-1') 0,
  color('brand-2') 100%
  );
  flex-basis: auto;

  color: color('neutral-8');
  -webkit-font-smoothing: antialiased;
}

.logo-panel-layout {
  justify-content: space-between;
}

.logo-panel-text {
  color: color('neutral-8');
}

.logo {
  width: calc(100% - 2px);
  height: 100%;
  max-width: ru(8.25);
  margin-left: 2px;
}

.footer-container {
  background-color: color('neutral-6');
  border-top: 1px solid color('neutral-5');
}

.footer-wrapper {
  max-width: $main-section-width;
  padding: $main-section-padding;
}

.icon-hamburger {
  display: none;
}

@media #{$small-only} {
  .navigator {
    display: initial;
  }

  .logo-panel {
    position: relative;
    padding-left: 0;
    padding-right: 0;
  }

  .logo-panel-col {
    padding: 0;
  }

  .logo {
    width: ru(5);
  }

  .logo-wrapper {
    position: relative;
    z-index: 10;
    left: 0;
{'fraction_non_alphanumeric': 0.17442602040816327, 'fraction_numerical': 0.03188775510204082, 'mean_word_length': 3.0373230373230373, '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': '2970810', 'n_tokens_mistral': 1313, 'n_tokens_neox': 1210, 'n_words': 257}