<commit_before>// Nav
//
// Navigation element.
// Shows only the first item and aligns it to the right when on a mobile resolution.
// Lays out every element except the first (which is hidden) from right to left with equal spacing when on a desktop resolution.
//
// default - Nav with a transparent background
// .Nav--light - Uses a lighter color in the nav links
// .Nav--fixed - Affixes the nav to the top of the viewport and applies a background color for better readability
// .Nav--topPositioned - Absolutely positions the nav to the top of its relative container
// .Nav--hint - Affixes the nav to the top, adds a drop shadow to hint the user about the existence of the header
//
// markup:
// <nav aria-label="Main navigation" class="Nav {$modifiers}">
//   <div class="Nav-logoWrapper">
//     <div class="Nav-logo">Logo</div>
//   </div>
//   <ul class="Nav-items">
//     <li class="Nav-item"></li>
//     <li class="Nav-item">
//       <a class="Nav-link" href="#">Work</a>
//     </li>
//     <li class="Nav-item is-selected">
//       <a class="Nav-link" href="#">Company</a>
//     </li>
//   </ul>
// </nav>
//
// sg-wrapper:
// <div style="background-color: rgba(0,0,0,0.1); height: 300px;">
//   <sg-wrapper-content/>
//   <div style="background-color: rgba(0,0,0,0.2); height: 400px;"></div>
// </div>
//
// Styleguide 1.15

@import '../reset';
@import '../theme_vars';

$Nav-item-color-hover: $Theme-color-yellowOrange;

.Nav {
  z-index: 1;

  display: flex;
  justify-content: space-between;

  width: 100%;
  height: $Theme-nav-height;
  padding: 0 $Theme-spacing-default;

  background: transparent;

  transition: background-color 0.2s ease-in-out;
}

.Nav.Nav--topPositioned {
  position: absolute; // TODO: see if this behaviour can be achieved without having it in the actual component<commit_msg>Fixes Navbar stuttering when scrolling in webkit<commit_after>// Nav
//
// Navigation element.
// Shows only the first item and aligns it to the right when on a mobile resolution.
// Lays out every element except the first (which is hidden) from right to left with equal spacing when on a desktop resolution.
//
// default - Nav with a transparent background
// .Nav--light - Uses a lighter color in the nav links
// .Nav--fixed - Affixes the nav to the top of the viewport and applies a background color for better readability
// .Nav--topPositioned - Absolutely positions the nav to the top of its relative container
// .Nav--hint - Affixes the nav to the top, adds a drop shadow to hint the user about the existence of the header
//
// markup:
// <nav aria-label="Main navigation" class="Nav {$modifiers}">
//   <div class="Nav-logoWrapper">
//     <div class="Nav-logo">Logo</div>
//   </div>
//   <ul class="Nav-items">
//     <li class="Nav-item"></li>
//     <li class="Nav-item">
//       <a class="Nav-link" href="#">Work</a>
//     </li>
//     <li class="Nav-item is-selected">
//       <a class="Nav-link" href="#">Company</a>
//     </li>
//   </ul>
// </nav>
//
// sg-wrapper:
// <div style="background-color: rgba(0,0,0,0.1); height: 300px;">
//   <sg-wrapper-content/>
//   <div style="background-color: rgba(0,0,0,0.2); height: 400px;"></div>
// </div>
//
// Styleguide 1.15

@import '../reset';
@import '../theme_vars';

$Nav-item-color-hover: $Theme-color-yellowOrange;

.Nav {
  z-index: 1;

  display: flex;
  justify-content: space-between;

  width: 100%;
  height: $Theme-nav-height;
  padding: 0 $Theme-spacing-default;

  background: transparent;

  transition: background-color 0.2s ease-in-out;
  -webkit-transform: translateZ(0);
}

.Nav.Nav--topPositioned {
  position: absolute; // TODO: see if this behaviour can be achieved without having it in the actual component
{'fraction_non_alphanumeric': 0.1653691275167785, 'fraction_numerical': 0.014228187919463087, 'mean_word_length': 2.976520811099253, 'pattern_counts': {'":': 0, '<': 49, '<?xml version=': 0, '>': 49, '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': '2993130', 'n_tokens_mistral': 1248, 'n_tokens_neox': 1186, 'n_words': 401}