<commit_before>@import "compass/css3/transition";

$navigation-hitbox:                   44px;
$navigation-second-level-background:  $primary-color;
$navigation-border-color:             #339bd3;

.navigation-mobile--content {
  display: none;
}

.navigation-mobile {
  overflow: hidden;
  height: 100%;

  // setting up wrapper div
  > div {
    position: relative;
    height: 100%;
    -webkit-transform: translateZ(0);
    @include transition(.15s linear);
    @include translate(0%, 0);
    -webkit-backface-visibility: hidden;

    .no-csstransforms & {
      left: 0%;
    }
  }

  // loop through pane levels
  @for $i from 2 through 10 {
    &[data-level="#{$i}"] > .pane-wrapper {
      $offsetLevel: $i - 1;
      $offset: $offsetLevel * 100%;
      @include translate( -($offset), 0 );

      .no-csstransforms & {
        left: -($offset);
      }
    }
  }

  // setting up panes
  > div .pane {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    // line-height: $navigation-hitbox;

    .active > a {
      background: $primary-color;
    }
  }

  .pane--navigation-container ul {
    border-bottom: 1px solid $navigation-border-color;
  }

  // global link styles
  .pane-wrapper .pane {
    a, .faux-link {
      position: relative;
      @include color-link(#fff,#fff);
      @include font($bold-font);
      @include line-height-padding($navigation-hitbox);
    }
  }

  // first level links
  .pane-wrapper .pane_first .pane--navigation-container {
    > li {
      border-top: 1px solid $navigation-border-color;
    }
  }

  // second level links
  .pane-wrapper .pane .pane {
    left: 100%;
    background: $navigation-second-level-background;

    a {
      color: #fff;
      border-top-color: $navigation-border-color;
    }

    .forward {
      color: #fff;
    }

    .active > a {
      background: $primary-color;

      &:before {
        background: $primary-color;
      }
    }
  }

  // making active children a higher z-index
  li.selected > div {
    z-index: 2;
  }

  // positioning buttons
  .navigation-item {
    > a,
    > span.faux-link,
    > button {
      display: block;
      position: relative;
      padding-left: $default-unit;
      // TODO: fix for ems
      // padding-right: $navigation-hitbox + $xx-small-unit;

      &:before {
        content: "";
        display: block;
        width: $navigation-hitbox;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background: $primary-color;
      }

      &:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 18px;
        background: url('/assets/sprite.png') no-repeat -148px -218px;
        width: 7px;
        height: 12px;
      }
    }
    // forward buttons
    &.has-children {
      > a:after,<commit_msg>Fixed mobile nav for ems<commit_after>@import "compass/css3/transition";

$navigation-hitbox:                   44px;
$navigation-second-level-background:  $primary-color;
$navigation-border-color:             #339bd3;

.navigation-mobile--content {
  display: none;
}

.navigation-mobile {
  overflow: hidden;
  height: 100%;

  // setting up wrapper div
  > div {
    position: relative;
    height: 100%;
    -webkit-transform: translateZ(0);
    @include transition(.15s linear);
    @include translate(0%, 0);
    -webkit-backface-visibility: hidden;

    .no-csstransforms & {
      left: 0%;
    }
  }

  // loop through pane levels
  @for $i from 2 through 10 {
    &[data-level="#{$i}"] > .pane-wrapper {
      $offsetLevel: $i - 1;
      $offset: $offsetLevel * 100%;
      @include translate( -($offset), 0 );

      .no-csstransforms & {
        left: -($offset);
      }
    }
  }

  // setting up panes
  > div .pane {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    // line-height: $navigation-hitbox;

    .active > a {
      background: $primary-color;
    }
  }

  .pane--navigation-container ul {
    border-bottom: 1px solid $navigation-border-color;
  }

  // global link styles
  .pane-wrapper .pane {
    a, .faux-link {
      position: relative;
      @include color-link(#fff,#fff);
      @include font($bold-font);
      @include line-height-padding($navigation-hitbox);
    }
  }

  // first level links
  .pane-wrapper .pane_first .pane--navigation-container {
    > li {
      border-top: 1px solid $navigation-border-color;
    }
  }

  // second level links
  .pane-wrapper .pane .pane {
    left: 100%;
    background: $navigation-second-level-background;

    a {
      color: #fff;
      border-top-color: $navigation-border-color;
    }

    .forward {
      color: #fff;
    }

    .active > a {
      background: $primary-color;

      &:before {
        background: $primary-color;
      }
    }
  }

  // making active children a higher z-index
  li.selected > div {
    z-index: 2;
  }

  // positioning buttons
  .navigation-item {
    > a,
    > span.faux-link,
    > button {
      display: block;
      position: relative;
      padding-left: $default-unit;
      padding-right: 2.8em + $xx-small-unit; // 2.8 = roughly the size of the nav button

      &:before {
        content: "";
        display: block;
        width: $navigation-hitbox;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        background: $primary-color;
      }

      &:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 18px;
        background: url('/assets/sprite.png') no-repeat -148px -218px;
        width: 7px;
        height: 12px;
      }
    }
    // forward buttons
    &.has-children {
      > a:after,
{'fraction_non_alphanumeric': 0.1409028727770178, 'fraction_numerical': 0.021203830369357045, 'mean_word_length': 1.8955445544554455, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 25, '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': '1378831', 'n_tokens_mistral': 2061, 'n_tokens_neox': 1906, 'n_words': 437}