<commit_before>/* NAVBAR */

///////////////////////////////////////////////////////////////////////////////
// BAR WRAPPERS

.bar-wrapper {
  // Bar content gutter
  padding-top: ($navbar-height-mobile - $navbar-btn-size) / 2;
  padding-bottom: ($navbar-height-mobile - $navbar-btn-size) / 2;

  // Gives flexbox behavious to bars
  display: flex;
  flex-wrap: wrap;

  .topbar & {
    justify-content: flex-end;
  }
}

///////////////////////////////////////////////////////////////////////////////
// TOPBAR

.topbar {
  overflow: hidden;
  height: $topbar-height-mobile;

  .topbar-menu {
  }

  .topbar-search {
    flex-basis: 100%;

    @include bp($expanded) {
      flex-basis: auto;
      margin-left: $gutter-half;
    }
  }
}

// Topbar on mobile - toggles visibility
@include bp($expanded, true) {
  .site-header {
    transform: translate3d(0, -$topbar-height-mobile, 0);
    transition: transform 0.5s $ease-bump;

    /*html*/
    .topbar-expanded & {
      transform: translate3d(0, 0, 0);
    }
  }
}

///////////////////////////////////////////////////////////////////////////////
// NAVBAR HEADER

.navbar-header {
  margin-left: -$gutter-half;
  flex-grow: 1;
}

@include bp($expanded) {
  .container:not(.container--fluid) {
    .navbar-menu {
      margin-right: -$gutter;
    }
    .topbar-search {
      margin-right: -$gutter-half;
    }<commit_msg>[CSS] Fixed compressed header 'plus' button margin<commit_after>/* NAVBAR */

///////////////////////////////////////////////////////////////////////////////
// BAR WRAPPERS

.bar-wrapper {
  // Bar content gutter
  padding-top: ($navbar-height-mobile - $navbar-btn-size) / 2;
  padding-bottom: ($navbar-height-mobile - $navbar-btn-size) / 2;

  // Gives flexbox behavious to bars
  display: flex;
  flex-wrap: wrap;

  .topbar & {
    justify-content: flex-end;
  }
}

///////////////////////////////////////////////////////////////////////////////
// TOPBAR

.topbar {
  overflow: hidden;
  height: $topbar-height-mobile;

  .topbar-menu {
  }

  .topbar-search {
    flex-basis: 100%;

    @include bp($expanded) {
      flex-basis: auto;
      margin-left: $gutter-half;
    }
  }
}

// Topbar on mobile - toggles visibility
@include bp($expanded, true) {
  .site-header {
    transform: translate3d(0, -$topbar-height-mobile, 0);
    transition: transform 0.5s $ease-bump;

    /*html*/
    .topbar-expanded & {
      transform: translate3d(0, 0, 0);
    }
  }
}

///////////////////////////////////////////////////////////////////////////////
// NAVBAR HEADER

.navbar-header {
  margin-left: -$gutter-half;
  flex-grow: 1;
}

@include bp($expanded) {
  .container:not(.container--fluid) {
    .navbar-menu {
      margin-right: -$gutter-half;
    }
    .topbar-search {
      margin-right: -$gutter-half;
    }
{'fraction_non_alphanumeric': 0.3040830945558739, 'fraction_numerical': 0.010744985673352435, 'mean_word_length': 1.4244791666666667, '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': '5868897', 'n_tokens_mistral': 955, 'n_tokens_neox': 880, 'n_words': 172}